Question

这里将介绍一下H5探针安装的具体过程。

如果没有趁手的前端项目试验，可以使用我们的demo项目进行测试，DEMO下载地址

服务端渲染（SSR），探针部署可以参考这文档：https://www.wenjiangs.com/doc/JR9ISZ5B6Ctf

一、创建项目

步骤如下：1.选择项目类型；2.输入项目名称；3选择环境变量；4.选择所属团队（如没有，创建后刷新即可）

二、引入探针代码

等待30s后，进入项目设置页（projectSetting.html），可以看到探针的安装教程，复制探针代码，安插到你项目的html模板中，如下图所示。

三、如何区分多个环境

正常情况下，每个项目都会有多个环境，如：开发、测试、生产等。webfunny可以设置环境变量，只需要传入环境变量，即可区分多个环境。分别为：开发（dev）、测试（sit）、预发布（stag）、生产（pro）;

如第一步示例图所示，同时勾选多个，则可以一次性创建多个环境，每个环境占用一个项目额度。

1. 引入探针代码（pro环境）后，需要传入对应的环境变量，环境变量必须跟下边四个一一对应，不可以自定义，如果你们的环境变量跟这四个不一样，需要写代码判断转换成webfunny需要的环境变量名称，环境变量值分别为：dev、sit、stag、pro;

2. userId、userTag、projectVersion、env 均为动态传入的，示例代码中均为默认值

window.localStorage.wmUserInfo = JSON.stringify({ userId: 'userId', userTag: 'tag', projectVersion: '1.0.1', env: 'pro' })

好了，这样探针就引入成功了。如有疑问，请联系我们的客服（webfunny2），或者加入技术交流群来问我吧。