差别

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

--- c2接入到小程序 [2018/05/11 21:48] – [C2对接部分] Aven
+++ c2接入到小程序 [2024/01/22 11:09] (当前版本) – 外部编辑 127.0.0.1
@@ 行 2: / 行 2: @@
 ===== 前期准备 =====
   - 微信公众号（必须是企业认证）
-  - 申请注册一个小程序，本文默认你已经知道小程序申请和注册流程，并且具备相应的资质和权限，<wrap hi>申请过程中注意，对小程序的信息进行设置时，小程序类型不要选“游戏”，而是选择类似于“文娱”、“教育”等，并且不需要提供额外资质证明的选项</wrap>，另外每个身份证、每个手机号、每个微信好、均只允许绑定最多5个小程序
+  - 申请注册一个小程序，本文默认你已经知道小程序申请和注册流程，并且具备相应的资质和权限，<wrap hi>申请过程中注意，对小程序的信息进行设置时，小程序类型不要选“游戏”，而是选择类似于“文娱”、“教育”等，并且不需要提供额外资质证明的选项</wrap>，另外每个身份证、每个手机号、每个微信号、均只允许绑定最多5个小程序
   - 接下来，在申请好小程序之后，如果你不是一个人开发、测试小程序，需要到身份管理菜单添加其他开发者和体验者，添加其他人需要管理员权限
   - 再然后，需要对小程序的业务域名、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/C3 Wiki

用户工具

站点工具

差别

页面工具