Vmo8 Wiki

Vmo8 用户的地盘, C2/C3开发者的乐园

用户工具

站点工具


c2接入到小程序

差别

这里会显示出您选择的修订版和当前版本之间的差别。

到此差别页面的链接

两侧同时换到之前的修订记录 前一修订版
c2接入到小程序 [2020/07/13 04:28]
216.244.66.228 已恢复为旧版 (2020/07/02 22:26)
c2接入到小程序 [2020/07/15 13:21] (当前版本)
Aven 已恢复为旧版 (2018/05/21 11:41)
行 2: 行 2:
 ===== 前期准备 ===== ===== 前期准备 =====
   - 微信公众号(必须是企业认证)   - 微信公众号(必须是企业认证)
-  - 申请注册一个小程序,本文默认你已经知道小程序申请和注册流程,并且具备相应的资质和权限,<wrap hi>申请过程中注意,对小程序的信息进行设置时,小程序类型不要选“游戏”,而是选择类似于“文娱”、“教育”等,并且不需要提供额外资质证明的选项</wrap>,另外每个身份证、每个手机号、每个微信、均只允许绑定最多5个小程序+  - 申请注册一个小程序,本文默认你已经知道小程序申请和注册流程,并且具备相应的资质和权限,<wrap hi>申请过程中注意,对小程序的信息进行设置时,小程序类型不要选“游戏”,而是选择类似于“文娱”、“教育”等,并且不需要提供额外资质证明的选项</wrap>,另外每个身份证、每个手机号、每个微信、均只允许绑定最多5个小程序
   - 接下来,在申请好小程序之后,如果你不是一个人开发、测试小程序,需要到身份管理菜单添加其他开发者和体验者,添加其他人需要管理员权限   - 接下来,在申请好小程序之后,如果你不是一个人开发、测试小程序,需要到身份管理菜单添加其他开发者和体验者,添加其他人需要管理员权限
   - 再然后,需要对小程序的业务域名、request合法域名等进行设置,在设置菜单,开发设置可以找到相关选项,其中业务域名需要管理员权限才能设置,并且只有企业账号开放此选项。不论业务域名还是各种合法域名,都需要HTTPS访问,<font inherit/inherit;;inherit;;#999999>https证书可以在阿里云或腾讯云申请免费1年的版本,配置方法将另开新帖</font>   - 再然后,需要对小程序的业务域名、request合法域名等进行设置,在设置菜单,开发设置可以找到相关选项,其中业务域名需要管理员权限才能设置,并且只有企业账号开放此选项。不论业务域名还是各种合法域名,都需要HTTPS访问,<font inherit/inherit;;inherit;;#999999>https证书可以在阿里云或腾讯云申请免费1年的版本,配置方法将另开新帖</font>
行 24: 行 24:
 ==== 高级部分 ==== ==== 高级部分 ====
 === 修改页面为全屏 === === 修改页面为全屏 ===
 +找到 app.json 在"window"下加上 
 +<code>"navigationStyle": "custom"</code> 
 +注意JSON格式,即可实现全屏,另外注意,调试基础库版本需高于1.9.4,此命令才有效
 === 微信登录 === === 微信登录 ===
 +微信登录需要后端支持
 +在默认模板的 app.js 中有示例代码
 +<code>    wx.login({
 +      success: res => {
 +        // 发送 res.code 到后台换取 openId, sessionKey, unionId
 +      }
 +    })
 +</code>
 +改成
 +<code>    wx.login({
 +      success: res => {
 +        // 发送 res.code 到后台换取 openId, sessionKey, unionId
 +        if (res.code) {
 +          var that = this
 +          wx.request({
 +            url: 'https://LOGIN_REQUEST_URL/',
 +            data: {
 +              code: res.code
 +            },
 +            success: function (result) {
 +              let openId = result.data.openid;
 +              wx.setStorageSync('openid', openId)
 +              if (this.userOpenidCallback) {
 +                this.userOpenidCallback(result)
 +              }
 +            }
 +          })
 +        } else {
 +          console.log('ERR' + res.errMsg);
 +        }
 +      }
 +    })
 +</code>
 +这样之后就可以在本地缓存中取出openid,对应后端代码如下:
 +<code>
 +<?PHP
 +header("Access-Control-Allow-Origin: *");
 +$appid = "YOUR_APPID";
 +$secret = "YOUR_APPSECRET";
 +
 +@$code = $_REQUEST["code"];
 +$url = "https://api.weixin.qq.com/sns/jscode2session?appid=$appid&secret=$secret&js_code=$code&grant-type=authorization_code";
 +$res = getcurl($url);
 +$arr = json_decode($res, true);
 +//$openid = $arr["openid"];
 +print_r($res); 
 +exit();
 +</code>
 === 获取用户信息 === === 获取用户信息 ===
 +由于微信修改了策略,必须要点击按钮才允许获取用户信息,所以之前打算在打开页面时直接获取用户信息的计划就可以拜拜了,在默认模板项目 index.js 中,有如下代码<code>  getUserInfo: function(e) {
 +    console.log(e)
 +    app.globalData.userInfo = e.detail.userInfo
 +    this.setData({
 +      userInfo: e.detail.userInfo,
 +      hasUserInfo: true
 +    })
 +  }
 +</code>
 +改为
 +<code>  getUserInfo: function (e) {
 +    console.log(e)
 +    app.globalData.userInfo = e.detail.userInfo
 +    this.setData({
 +      userInfo: e.detail.userInfo,
 +      hasUserInfo: true
 +    });
 +    wx.request({
 +      url: 'https://INFO_REQUEST_URL',
 +      data: {
 +        openid: wx.getStorageSync('openid'),
 +        info: app.globalData.userInfo
 +      }
 +    })
 +  }
 +</code>
 +执行这一步的目的,是为了将UserInfo传递到后端进行保存,便于在C2页面中用AJAX取得Userinfo,对应的后端需要用数据库(Redis或MySQL)保存上传的Userinfo,以openid为标识Key,存储数据,代码如下:
 +<code>
 +<?PHP
 +$redis = new Redis();
 +$redis->connect('REDIS_HOST', 'REDIS_PORT');
 +$redis->auth('REDIS_AUTH');
 +@$info = $_REQUEST["info"];
 +@$oid = $_REQUEST["openid"];
 +
 +$redis->hset("userinfo", $oid, $info);
 +$redis->close();
 +exit();
 +</code>
 +之后在C2中用AJAX再取数据时,直接用openid从redis中取值即可,如
 +<code>
 +echo $redis->hget("userinfo",$oid);
 +</code>
 === 向C2页面传值 === === 向C2页面传值 ===
 +
 ===用按钮调起向指定用户转发 === ===用按钮调起向指定用户转发 ===
  
  
 ===== C2对接部分 ===== ===== C2对接部分 =====
-=== 基础对接部分 === +==== 基础对接部分 ==== 
-=== 获取用户信息 === +==== 获取用户信息 ==== 
-=== 调用小程序跳转页面 ===+==== 调用小程序跳转页面 ====
  
c2接入到小程序.txt · 最后更改: 2020/07/15 13:21 由 Aven