小程序端-接入教程

第一步：手机注册登录，修改登录密码

首先，你需要注册账号，绑定手机，然后，修改登录密码。
具体请参见：https://impc.opencodetiger.com/OctIm/DevelopDocIm_90015_0.html

第二步：生成移动端接入代码

1）用第一步绑定的手机号和登录密码，登录【访问接待】聊天界面，登录地址：https://im.opencodetiger.cn 在咨询聊天界面的左侧底部有一个【小人】图标，点击进入【客服中心】后台，在下面的图标导航列表中，选择【第三方接入指引】项。根据项目内容，填写相应的值，建议全部都填写，填写完整后点击【生成移动端代码】。
如下图：



2）生成的移动端代码如下图：



3）在生成的移动端代码中，提取跳转URL地址

生成的移动端Js代码中有一个变量：【_enterUrl 】 这个变量的值就是跳转的URL值，如：

【//im.opencodetiger.cn/EnterIm/VisitorEnter?ShopUserID=66666666666666666&VisitType=Goods&MobileN
um=15675178605&IsShowTitleHeader=true&BuyerUserID=0&BuyerNick=&BuyerHeaderImg=&VisitorMemo=某某
商城店铺的访客&TopTitle=测试接入&TopAHref=https://impc.opencodetiger.com&ShowItemHeaderImgUrl=https://im.open
codetiger.cn/Assets/Imgs/Icon/my_shopmsg.png&ShowTitle=某某商城店铺客服&ShowTitleSub=你好，欢迎访问某某
店铺，现在可以咨询聊天啦&OsType=Wap&rnd=0.09382889672423】

当然，不同的账号，相应的值也是不同的。

4）在微信小程序中用web-view这个控件加载这个网址URL即可，注意：请在网址最前面加上：https: 。最终的跳转URL，如：

【https://im.opencodetiger.cn/EnterIm/VisitorEnter?ShopUserID=66666666666666666&VisitType=Goods&MobileN
um=15675178605&IsShowTitleHeader=true&BuyerUserID=0&BuyerNick=&BuyerHeaderImg=&VisitorMemo=某某
商城店铺的访客&TopTitle=测试接入&TopAHref=https://impc.opencodetiger.com&ShowItemHeaderImgUrl=https://im.open
codetiger.cn/Assets/Imgs/Icon/my_shopmsg.png&ShowTitle=某某商城店铺客服&ShowTitleSub=你好，欢迎访问某某
店铺，现在可以咨询聊天啦&OsType=Wap&rnd=0.09382889672423】

5）特别注意：网址URL链接中有一个参数【IsShowTitleHeader=true】是控制顶部的【标题栏】是否显示，一般在小程序中，请将此参数设置为false，即【IsShowTitleHeader=false】。那么，在web-view的显示效果如下图：



第三步：微信小程序开发工具中，加载代码与示图如下：


5）客服登录到【访问接待】聊天界面，在左侧访客列表中，就可以看到访客请求聊天对话的头像啦，点击直接发送聊天内容就可以了。

第四步：根据小程序页面跳转到此Web-VIew页面的不同，可以向【跳转URL地址】传递参数值，比如URL链接中的参数：VisitorMemo 是可以变化的，根据跳转进入的小程序页面不同，可以更改VisitorMemo的值，让客服更好的判断访客是从那个小程序页面发起的聊天咨询。

==== 免费使用的用户特别注意 ======

由于微信小程序WebView访问第三方的域名网址时，需要添加 【业务域名】，所以，不能直接加载官方的域名，如：（ https://im.opencodetiger.cn ）小程序【业务域名】的验证须使用客户自己的域名进入操作。实现方式如下：

小程序怎么绕业务域名？

想不用配置第三方业务域名，只有两条路：

方案 1：自己服务器 Nginx 反向代理（最稳）

1. 买个轻量服务器
2. 域名解析到这台服务器 IP
3. Nginx 配置反向代理到目标网址
4. 把你自己域名加到小程序业务域名

方案 2：用云厂商 CDN 做反向代理（不用服务器）

以腾讯云 / 阿里云 CDN为例：

• 加速域名：你自己的域名（已备案）
• 源站类型：源站域名
• 填写你要代理的第三方网址
• 配置 HTTPS
• 把你自己域名加到小程序业务域名

这个效果 = 反向代理，而且不用自己搭服务器。

如果需要使用官方域名进行小程序【业务域名】的认证，请联系官方客服：15675178605 微信同号。


特别提示： 【访客扫码或点击短链接在线聊天咨询】 接入教程网址： https://impc.opencodetiger.com/OctIm/DevelopDocIm_160025_120099.html