首页
所有分类
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 相关文章推荐
JavaScript去除空格的几种方法
Oct 03 Javascript
jquery加载页面的方法(页面加载完成就执行)
Jun 21 Javascript
JavaScript全排列的六种算法 具体实现
Jun 29 Javascript
利用JS解决ie6不支持max-width,max-height问题的方法
Jan 02 Javascript
js实现图片漂浮效果的方法
Mar 02 Javascript
jQuery实现标题有打字效果的焦点图代码
Nov 16 Javascript
js控制li的隐藏和显示实例代码
Oct 15 Javascript
解决微信内置浏览器返回上一页强制刷新问题方法
Feb 05 Javascript
Vuejs 用$emit与$on来进行兄弟组件之间的数据传输通信
Feb 23 Javascript
微信小程序城市定位的实现实例（获取当前所在国家城市信息）
May 17 Javascript
js序列化和反序列化的使用讲解
Jan 19 Javascript
Postman如何实现参数化执行及断言处理
Jul 28 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
DNS服务器(2) 国际空间站(1) 太空(1) 界面设计(1) .NET Framework(2) FTP服务器(1) 粒子对撞机(1) 夸克(1) 磁盘分区(1) 对撞机(1)
You might like
PHP Session机制简介及用法
2014/08/19 PHP
ThinkPHP进程计数类Process用法实例详解
2015/09/25 PHP
分析PHP中单双引号的误区和双引号小隐患
2016/07/19 PHP
PHP批量获取网页中所有固定种子链接的方法
2016/11/18 PHP
phpstudy2018升级MySQL5.5为5.7教程(图文)
2018/10/24 PHP
php数值计算num类简单操作示例
2020/05/15 PHP
使用jQuery轻松实现Ajax的实例代码
2010/08/16 Javascript
函数式 JavaScript（一）简介
2014/07/07 Javascript
jQuery使用$.get()方法从服务器文件载入数据实例
2015/03/25 Javascript
Js调用Java方法并互相传参的简单实例
2016/08/11 Javascript
JS实现控制图片显示大小的方法【图片等比例缩放功能】
2017/02/18 Javascript
JS简单封装的图片无缝滚动效果示例【测试可用】
2017/03/22 Javascript
vue双向绑定简要分析
2017/03/23 Javascript
ES6学习之变量的两种命名方法示例
2017/07/18 Javascript
Vue 中批量下载文件并打包的示例代码
2017/11/20 Javascript
js中async函数结合promise的小案例浅析
2019/04/14 Javascript
[01:15:56]2018DOTA2亚洲邀请赛3月30日 小组赛A组 TNC VS Newbee
2018/03/31 DOTA
python使用ctypes模块调用windowsapi获取系统版本示例
2014/04/17 Python
简单介绍Ruby中的CGI编程
2015/04/10 Python
python插入数据到列表的方法
2015/04/30 Python
Python实现的逻辑回归算法示例【附测试csv文件下载】
2018/12/28 Python
Python virtualenv虚拟环境实现过程解析
2020/04/18 Python
python 如何区分return和yield
2020/09/22 Python
HTML5中使用postMessage实现Ajax跨域请求的方法
2016/04/19 HTML / CSS
德国排名第一的主题公园门票网站：Attraction Tickets Direct
2019/09/09 全球购物
物流管理专业毕业生求职信
2014/03/23 职场文书
高中教师评语大全
2014/04/25 职场文书
学校创先争优活动总结
2014/08/28 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
班主任工作实习计划
2015/01/16 职场文书
地球一小时活动总结
2015/02/27 职场文书
会议通知范文
2015/04/15 职场文书
2019旅游导游工作总结
2019/06/27 职场文书
CentOS 7安装mysql5.7使用XtraBackUp备份工具命令详解
2022/04/12 MySQL
MySQL 逻辑备份 into outfile
2022/05/15 MySQL
python数据分析之单因素分析线性拟合及地理编码
2022/06/25 Python