C2/C3 Wiki

C2/C3开发者的乐园

用户工具

站点工具


c2接入到小程序

这是本文档旧的修订版!


C2接入到小程序

前期准备

  1. 微信公众号(必须是企业认证)
  2. 申请注册一个小程序,本文默认你已经知道小程序申请和注册流程,并且具备相应的资质和权限,申请过程中注意,对小程序的信息进行设置时,小程序类型不要选“游戏”,而是选择类似于“文娱”、“教育”等,并且不需要提供额外资质证明的选项,另外每个身份证、每个手机号、每个微信好、均只允许绑定最多5个小程序
  3. 接下来,在申请好小程序之后,如果你不是一个人开发、测试小程序,需要到身份管理菜单添加其他开发者和体验者,添加其他人需要管理员权限
  4. 再然后,需要对小程序的业务域名、request合法域名等进行设置,在设置菜单,开发设置可以找到相关选项,其中业务域名需要管理员权限才能设置,并且只有企业账号开放此选项。不论业务域名还是各种合法域名,都需要HTTPS访问,<font inherit/inherit;;inherit;;#999999>https证书可以在阿里云或腾讯云申请免费1年的版本,配置方法将另开新帖</font>
  5. 同时,就可以到设置菜单的开发设置中获取Appid及Secret,首次获取AppSecret需要生成,生成后必须牢记,否则只能重置换一个新的Secret
  6. 获得Appid后,即可打开开发者工具,新建一个小程序项目,填入Appid,开始小程序编码部分了
  7. 除了小程序以外,刚才填写的对应服务器也应事先准备好,如果你需要使用小程序的高级功能,则需要你的服务器支持动态服务,比如PHP 等,本文默认你已经知道PHP服务器的部署方法,也只提供PHP-redis版本的示例代码,部署方法见ubuntu+Nginx+php-fpm+Mysql+Redis

小程序编码部分

基础部分

  1. 新建小程序时,可以直接建立一个简单模板,在模板基础上编辑(不要模板也可以),本文默认你新建了简单模板
  2. 打开index.wxml,删除所有其他内容,并写下
    <web-view src="https://你的C2页面地址/index.html?参数=值"></web-view>
  3. 点击编译,你会发现,好了……
  4. 接下来,编写转发需要的代码,找到index.js,底部有onShareAppMessage:function(){},改下如下
      onShareAppMessage: function (res) {
        return {
          title: '分享标题',
          desc: '分享描述',
          imageUrl: '分享用图片',   //长宽比5:4,可以拷贝到index目录下 比如'/pages/index/share.png'
          path: '分享路径'    //如果没有别的选项就是'/pages/index/index'
        }
      }
  5. 保存编译后你就会发现,在左边的页面上可以点三个点转发了

高级部分

修改页面为全屏

微信登录

获取用户信息

向C2页面传值

用按钮调起向指定用户转发

C2对接部分

基础对接部分

获取用户信息

调用小程序跳转页面

c2接入到小程序.1526046693.txt.gz · 最后更改: (外部编辑)