首页
所有分类
TAGS
文字工具 EMOJI BIBLE
编程 Javascript

详解微信第三方小程序代开发

Posted in Javascript onJune 23, 2017

详解微信第三方小程序代开发

微信申请第三方之后可以获取授权方的很多权限，主要的是生码和待开发，生码的第三方授权之前已经写了一篇文章，最近做了小程序待开发，总结一下写下来供大家参考

注意事项：如果在调试过程中返回了错误码请到小程序代开发api页面查看，

  小程序代开发使用的域名是你申请第三方时候填写的域名，

　小程序代码模板最多只有50个，可以删除然后重新添加。

准备工作：

申请微信第三方并且权限那边要选上代开发，第三方申请成功之后就是准备小程序了，需要两个小程序，一个作为小程序代码库，一个作为用户测试用，需要在第三方授权。

添加小程序代码库： 在第三方那边将小程序添加为开发小程序，然后该小程序就成为了第三方的开发小程序，之后该小程序提交的代码都会存入第三方草稿箱，你可以选择版本添加为模板，一个第三方最             多只能有50个模板。

代开发流程：

post请求公共方法，与微信服务器交互用

代码如下

protected function curl_post( $curlHttp, $postdata ) {
    $ch = curl_init(); //用curl发送数据给api
    curl_setopt( $ch, CURLOPT_POST, true );
    curl_setopt( $ch, CURLOPT_POST, true );
    curl_setopt( $ch, CURLOPT_RETURNTRANSFER, true );
    curl_setopt( $ch, CURLOPT_URL, $curlHttp );
    curl_setopt( $ch, CURLOPT_POSTFIELDS, $postdata );
    curl_setopt( $ch, CURLOPT_SSL_VERIFYPEER, FALSE );
    curl_setopt( $ch, CURLOPT_SSL_VERIFYHOST, FALSE );

    $response = curl_exec( $ch );
    curl_close( $ch );
    $result = json_decode( $response, true );
    return $result;
  }

get请求公共方法，与微信服务器交互用

代码如下

protected function buildRequestForm( array $param, $method, $target='',$jump=false) {
    $sHtml = "<meta http-equiv='Content-Type' content='text/html; charset=utf-8' /><form id='autoSubmit' action='".$target."' method='".$method."'>";

    if ( !empty( $param ) ) {
      foreach( $param as $key => $value ) {
        $sHtml.= "<input type='hidden' name='".$key."' value='".urldecode($value)."'/>";
      }
    }
    $sHtml .= "</form>";

    if($jump) $sHtml = $sHtml."<script>document.getElementById(\"autoSubmit\").submit();</script>";

    return $sHtml;
  }

获取授权方api调用拼成access_token公共方法

代码如下

protectd function getAccessToken( $appId ) {
    $accessToken = '';

    if ( empty( $appId ) ) {
      return $accessToken;
    }
    
    // 中间的逻辑自己填充

    return $accessToken;
  }

首先是开发一套小程序并且上传，之后再第三方里边把该版本设置成模板，这个时候你就用了模板id（用于代码指定用）

通过调用微信接口，给用户小程序指定小程序代码

代码如下

public function commitCode() {
    $appId = input( 'app_id', '' );
    $descript = input( 'descript', '测试代码指定' );
    $version = input( 'version', 'V.1.0' );
    $templateId = input( 'template_id', 1 );
    if ( empty( $appId ) ) {
      $this->error( appid不能为空 );
      return;
    }

    if ( empty( $templateId ) && ( $templateId != 0 ) ) {
      $this->error( '模板id不能为空' );
      return;
    }

    $accessToken = $this->getAccessToken( $appId );

    // 个人信息我给清除了，空字符部分请自己补充
    $extJson = array(
      'extAppid' => $appId,
      'ext' => array(
        'attr1' => 'value1'
      ),
      'extPages' => array(
          'pages/index/index' => array(
            'navigationBarTitleText'  => ''
          ),
          'pages/media/media' => array(
            'navigationBarTitleText'  => ''
          )
      ),
      'pages' => array(
          'pages/index/index',
          'pages/media/media'
      ),
      'window' => array(
          'backgroundColor'      => '#f8f8f8',
          'navigationBarTextStyle'  => 'white',
          "navigationBarTitleText"  => "",
          'navigationBarBackgroundColor' => '#2b3b48'
      ),
      'tabBar' => array(
        'list' => array(
          array(
            'text'   => '',
            'pagePath' => 'pages/index/index',
          ),
          array(
            'text'   => '',
            'pagePath' => 'pages/media/media',
          )
        )
      ),
      'networkTimeout' => array(
          'request'    => 10000,
          'uploadFile'  => 10000,
          'downloadFile' => 10000,
          'connectSocket' => 10000
      )
    );

    $params = array(
      'template_id'  => $templateId,
      'user_version' => $version,
      'user_desc'   => $descript,
      'ext_json'   => json_encode( $extJson, JSON_UNESCAPED_UNICODE )
    );
    $result = $this->curl_post( 'https://api.weixin.qq.com/wxa/commit?access_token='.$accessToken, json_encode( $params, JSON_UNESCAPED_UNICODE ) );
    if ( empty( $result ) || !empty( $result['errcode'] ) ) {
      $this->error( '代码指定错误' );
      return;
    }

    $this->success( '操作成功' );
    return;
  }

指定代码之后就是查看功能是否正常了，所以就要调用微信接口获取体验二维码扫码体验，

代码如下

public function getExpCode() {
    $appId = input( 'app_id', '' );
    if ( empty( $appId ) ) {
      $this->error( appid不能为空 );
      return;
    }

    $accessToken = $this->getAccessToken( $appId );
    if ( empty( $accessToken ) ) {
      $this->error( '获取授权accessToken错误' );
      return;
    }

    $params = array(
      'access_token' => $accessToken
    );
    $result = $this->buildRequestForm( $params, 'GET', 'https://api.weixin.qq.com/wxa/get_qrcode?access_token='.$accessToken, true );
    echo $result;
    exit;
  }

如果授权用户没有体验权限则扫码之后不能进行小程序功能体验，这个时候就需要你通过微信接口将用户设置为体验者了，这一步可以在小程序平台用户管理里边操作，为了提高逼格，你可可以通过微       信接口进行体验者的添加和删除，添加的时候需要被添加者微信确认

代码如下

public function bindTester() {
    $appId = input( 'app_id', '' );
    $wxNumber = input( 'wx_number', '' );
    if ( empty( $appId ) ) {
      $this->error( appid不能为空 );
      return;
    }
    if ( empty( $wxNumber ) ) {
      $this->error( 微信号不能为空 );
      return;
    }

    $accessToken = $this->getAccessToken( $appId );
    if ( empty( $accessToken ) ) {
      $this->error( '获取授权accessToken错误' );
      return;
    }
    $params = array(
      'wechatid' => $wxNumber
    );
    $result = $this->curl_post( 'https://api.weixin.qq.com/wxa/bind_tester?access_token='.$accessToken, json_encode( $params ) );
    print_r($result);
    exit;
    return;
  }

public function unBindTester() {
    $appId = input( 'app_id', '' );
    $wxNumber = input( 'wx_number', '' );
    if ( empty( $appId ) ) {
      $this->error( appid不能为空 );
      return;
    }
    if ( empty( $wxNumber ) ) {
      $this->error( 微信号不能为空 );
      return;
    }

    $accessToken = $this->getAccessToken( $appId );
    if ( empty( $accessToken ) ) {
      $this->error( '获取授权accessToken错误' );
      return;
    }
    $params = array(
      'wechatid' => $wxNumber
    );
    $result = $this->curl_post( 'https://api.weixin.qq.com/wxa/unbind_tester?access_token='.$accessToken, json_encode( $params ) );
    print_r($result);
    exit;
    return;
  }

如果体验功能有问题则重新调整小程序代码逻辑然后上传之后设置为模板，如果没有问题则将小程序代码提交审核，但是提交审核的时候需要指定category，所以需要调用微信接口查看

如果授权用户没有设置的话，需要对方进入小程序平台，在填写小程序信息的地方添加服务条目

代码如下

public function getCategory() {
    $appId = input( 'app_id', '' );
    if ( empty( $appId ) ) {
      $this->error( appid不能为空 );
      return;
    }

    $accessToken = $this->getAccessToken( $appId );
    if ( empty( $accessToken ) ) {
      $this->error( '获取授权accessToken错误' );
      return;
    }

    $params = array(
      'access_token' => $accessToken
    );
    $result = $this->buildRequestForm( $params, 'GET', 'https://api.weixin.qq.com/wxa/get_category?access_token='.$accessToken, true );

    echo $result;
    exit;
  }

拿到服务条目之后就是提交代码审核了

代码如下

public function submitAudit() {
    $appId = input( 'app_id', '' );
    if ( empty( $appId ) ) {
      $this->error( appid不能为空 );
      return;
    }

    $accessToken = $this->getAccessToken( $appId );
    if ( empty( $accessToken ) ) {
      $this->error( '获取授权accessToken错误' );
      return;
    }

    $params = array(
      'item_list' => array(
          array(
            'address' => 'pages/index/index',
            'tag' => 'IT科技',
            'first_class' => 'IT科技',
            'second_class' => '硬件与设备',
            'title' => '生成二维码'
          ),
          array(
            'address' => 'pages/media/media',
            'tag' => '工具',
            'first_class' => '工具',
            'second_class' => '办公',
            'title' => '多媒体上传'
          )
      )
    );
    $result = $this->curl_post( 'https://api.weixin.qq.com/wxa/submit_audit?access_token='.$accessToken, json_encode( $params, JSON_UNESCAPED_UNICODE ) );

    echo'<pre>';
    print_r($result);
    exit;
    $this->success( '操作成功' );
    return;
  }

提交审核之后，微信服务器会返回一个审核id，你可以通过该审核id查询审核状态

当审核通过之后，微信会给你第三方注册的回调地址推送一个审核结果

代码如下

public function getAuditStatus (){
    $appId = input( 'app_id', '' );
    if ( empty( $appId ) ) {
      $this->error( appid不能为空 );
      return;
    }

    $accessToken = $this->getAccessToken( $appId );
    if ( empty( $accessToken ) ) {
      $this->error( '获取授权accessToken错误' );
      return;
    }
    $params = array(
      'auditid' => 12334
    );
    $result = $this->curl_post( 'https://api.weixin.qq.com/wxa/get_auditstatus?access_token='.$accessToken, json_encode( $params ) );
    print_r($result);
    exit;
    return;
  }

当小程序审核通过了接下来就是小程序发布了

代码如下

public function release (){
    $appId = input( 'app_id', '' );
    if ( empty( $appId ) ) {
      $this->error( appid不能为空 );
      return;
    }

    $accessToken = $this->getAccessToken( $appId );
    if ( empty( $accessToken ) ) {
      $this->error( '获取授权accessToken错误' );
      return;
    }
    $result = $this->curl_post( 'https://api.weixin.qq.com/wxa/release?access_token='.$accessToken, '{}' );
    print_r($result);
    exit;
    return;
  }

就这样，小程序代开发就完成了，逻辑很简单，代码也没难度，本文章的代码仅供大家参考，如果有问题请评论指出，我尽量补充。

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

详解微信第三方小程序代开发

- Author -

湖边油纸伞

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐
网页里控制图片大小的相关代码
Jun 25 Javascript
用Js实现的动态增加表格示例自己写的
Oct 21 Javascript
js动态添加删除,后台取数据(示例代码)
Nov 25 Javascript
javascript字符串替换及字符串分割示例代码
Dec 12 Javascript
TypeScript 中接口详解
Jun 19 Javascript
JavaScript实现给按钮加上双重动作的方法
Aug 14 Javascript
AngularJS基础 ng-mouseover 指令简单示例
Aug 02 Javascript
基于MVC5和Bootstrap的jQuery TreeView树形控件(一)之数据支持json字符串、list集合
Aug 11 Javascript
js设置文字颜色的方法示例
Dec 30 Javascript
Vue.js 2.0中select级联下拉框实例
Mar 06 Javascript
30分钟用Node.js构建一个API服务器的步骤详解
May 24 Javascript
基于JavaScript实现简单的轮播图
Mar 03 Javascript
Easyui在treegrid添加控件的实现方法
Jun 23 #Javascript
详解用vue.js和laravel实现微信支付
Jun 23 #Javascript
详解用vue.js和laravel实现微信授权登陆
Jun 23 #Javascript
妙用Angularjs实现表格按指定列排序
Jun 23 #Javascript
VUE中v-model和v-for指令详解
Jun 23 #Javascript
JavaScript正则表达式简单实用实例
Jun 23 #Javascript
js中的事件委托或是事件代理使用详解
Jun 23 #Javascript
数据(1) NASA(1) 毅力号(1) 大脑(1) 陨石(1) 美国航天局(1) 富碳陨石(1) RNA(2) 嘧啶碱基(2) 火星(2)
You might like
Laravel 5框架学习之数据库迁移(Migrations)
2015/04/08 PHP
php冒泡排序与快速排序实例详解
2015/12/07 PHP
JavaScript 高级语法介绍
2009/06/15 Javascript
Javascript常考语句107条收集
2010/03/09 Javascript
Jquery 表格合并的问题分享
2011/09/17 Javascript
关于在IE下的一个安全BUG --可用于跟踪用户的系统鼠标位置
2013/04/17 Javascript
innerHTML,outerHTML,innerText,outerText的用法及区别解析
2013/12/16 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
JS实现控制表格行内容垂直对齐的方法
2015/03/30 Javascript
微信小程序 选项卡的简单实例
2017/05/24 Javascript
jQuery中复合选择器简单用法示例
2018/03/31 jQuery
nodeJS模块简单用法示例
2018/04/21 NodeJs
vue自定义全局共用函数详解
2018/09/18 Javascript
layui问题之渲染数据表格时,仅出现10条数据的解决方法
2019/09/12 Javascript
解决vue项目运行npm run serve报错的问题
2020/10/26 Javascript
Python实现Windows和Linux之间互相传输文件(文件夹)的方法
2017/05/08 Python
Python给你的头像加上圣诞帽
2018/01/04 Python
python指定写入文件时的编码格式方法
2018/06/07 Python
在Pycharm中设置默认自动换行的方法
2019/01/16 Python
华为2019校招笔试题之处理字符串(python版)
2019/06/25 Python
OpenCV哈里斯(Harris)角点检测的实现
2020/01/15 Python
Python标准库itertools的使用方法
2020/01/17 Python
django中url映射规则和服务端响应顺序的实现
2020/04/02 Python
Numpy 理解ndarray对象的示例代码
2020/04/03 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
详解selenium + chromedriver 被反爬的解决方法
2020/10/28 Python
详解Python中如何将数据存储为json格式的文件
2020/11/18 Python
python实现图片转字符画
2021/02/19 Python
银行实习人员自我鉴定
2013/09/22 职场文书
学生打架检讨书
2014/02/14 职场文书
2015年个人实习工作总结
2015/05/28 职场文书
小学生必读成语故事大全：送给暑假的你们
2019/07/09 职场文书
嵌入式Redis服务器在Spring Boot测试中的使用教程
2021/07/21 Redis
Mysql binlog日志文件过大的解决
2021/10/05 MySQL
如何通过cmd 连接阿里云服务器
2022/04/18 Servers
教你win10系统中APPCRASH事件问题解决方法
2022/07/15 数码科技