AI 助理
备案控制台
开发者社区 数据库 文章 正文

微信公众平台的开发过程及其要点

2018-01-17 1751
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
本文涉及的产品
云数据库 RDS MySQL，集群系列 2核4GB
推荐场景：
搭建个人博客
RDS MySQL Serverless 基础系列，0.5-2RCU 50GB
推荐场景：
学生管理系统数据库设计 搭建个人博客
云数据库 RDS PostgreSQL，集群系列 2核4GB
简介： 微信公众平台的搭建，首先需要确定整体的架构模式，我们一般选用B/S的整体架构模式，手机或者pc端可以通过关注微信公众 号，进而访问和操作公众号中的内容，其中的主要搭建包括： A.使用xampp继承开发环境来搭建后台，需要用到的服务器和数据库。

微信公众平台的搭建，首先需要确定整体的架构模式，我们一般选用B/S的整体架构模式，手机或者pc端可以通过关注微信公众

号，进而访问和操作公众号中的内容，其中的主要搭建包括：

A.使用xampp继承开发环境来搭建后台，需要用到的服务器和数据库。(apache+mysql)

B.前端页面通过html+php动态网页来实现。如果再加点js+css效果就显示的更加完美了。

 

1.首先开发者需要申请一个微信的公众号，由于目前微信开放的微信接口测试号提供了与微信公众平台类似的功能，只是在某些

接口的访问权限和次数上有一定的限制，所以对于初学者，可以先申请一个微信接口测试号。

http://weixin.qq.com/

 

 

 

 

2.接下来做的是对微信服务器以及对数据库网页服务器的部署。

服务器可以选择阿里云，百度云，腾讯云等服务器，然后再服务器端完成xampp的下载和整体部署。

 

linux下xampp集成包安装配置方法

http://www.cnblogs.com/ygyg/p/5395207.html

 

xampp的下载地址

https://www.apachefriends.org/zh_cn/index.html

wget https://downloadsapachefriends.global.ssl.fastly.net/xampp-files/5.6.30/xampp-linux-x64-5.6.30-0-installer.run

 

 

 3.系统的原理

信公众平台的数据交互线路一般按照“微信用户客户端—微信服务器（我的公众号）—网微站服务器

（核心代码页）—微信服务器（我的公众号）—微信客户端”，每一次的数据交互都是通过用户发送

消息进行请求。微信公众平台提供消息接口的行为标准是指导数据进行交互。如果微信公众号接入

了消息接口，当用户在向公众号发送消息请求时，微信服务器将通过HTTP 请求传送给网站服务器，

网站服务器会根据我们提前设置好的规则进行响应，并回复指定的操作或消息。

 

4.进行前台浏览器或者手机微信端和后台数据库的交互

安装php-curl

apt-get install php5-curl

 

启动xampp开发环境

/opt/lampp/lampp start

 

向服务器上传校验文件，与微信公众平台校验，以一微信公众平台税务系统为例，校验文件内容可以为：

 

<?php

$text[0]="请点击相应按钮完成您办理的业务。";

$text[1]="欢迎关注林海市国税系统微信公众平台！";

$text[2]="很高兴为你服务！";

$text[3]="有事请留言，我们会在第一时间为您解决！";

include "wechat.class.php";

$options = array('token'=>'weixin_abc', //填写你设定的key
'encodingaeskey'=>'encodingaeskey', //填写加密用的EncodingAESKey，如接口为明模式可忽略 
'appid' => 'wxe64345b8801234ad',    //填写与自己公众号相对应的appid
'appsecret' => 'f21524rty822rttycd1e9c846566da8676'     //填写与自己公众号相对应的appsecret
);

print_r($options);//自定义菜单开发

$button_data = array (
'button' => array (
0 => array (
'name' => '我要报税',
'sub_button' => array (
0 => array (
'type' => 'view',
'name' => '身份绑定',
'url' => '115.28.26.89/bangding1.php',

),
1 => array (
'type' => 'view',
'name' => '申报纳税',
'url' => 'http://115.28.26.89/userlogin.php',

),
2 => array (
'type' => 'view',
'name' => '业务办理',
'url' => 'http://115.28.26.89/ywbl.php',

),
3 => array (
'type' => 'view',
'name' => '办税指南',
'url' => '115.28.26.89/zhinan.php',

),

),

),
1 => array (
'name' => '我要查询',
'sub_button' => array (
0 => array (
'type' => 'view',
'name' => '最新通知',
'url' => '115.28.26.89/zxgg.php',

),
1 => array (
'type' => 'view',
'name' => '发票信息查询',
'url' => '115.28.26.89/fpxxcx.php',

),
2 => array (
'type' => 'view',
'name' => '税收查询',
'url' => '115.28.26.89/sscx.php',

),
3 => array (
'type' => 'view',
'name' => '税收法规',
'url' => '115.28.26.89/ssfg.php',

),

),

),
2 => array (
'name' => '其他',
'sub_button' => array (
0 => array (
'type' => 'view',
'name' => '留言',
'url' => '115.28.26.89/ly.php',

),
1 => array (
'type' => 'location_select',
'name' => '发送位置',
'key' => 'rselfmenu_2_1',

),

),

),

),

);

$weObj = new Wechat($options);

$weObj->valid();//明文或兼容模式可以在接口验证通过后注释此句，但加密模式一定不能注释，否则会验证失ètype =

$weObj->createMenu($button_data);//image上传照片开发

$type="image";

$data1=array('media'=>'11234','filename'=>'@/opt/lampp/htdocs/pic/fen.jpg'

);

print_r($data1);

$media_id1=11234;//$result=$weObj->uploadMedia($data1,$type);//print_r($result);

$type = $weObj->getRev()->getRevType();

switch($type) 
{case Wechat::MSGTYPE_TEXT://$weObj->text(" hello, I'm wechat ,welcome to the linhai guo shui system . can we help you? " )->reply();

$weObj->text($text[rand()%4])->reply();

exit;

break;

case Wechat::MSGTYPE_EVENT:break;

case Wechat::MSGTYPE_IMAGE:

$response = $weObj->getRevPic();

foreach($response as $key=>$value)

{

$weObj->image($value)->reply();//$weObj->text($value)->reply();//$weObj->text($key)->reply();}//$weObj->text("$media_id"+$text[rand()%3])->reply();//$weObj->image($media_id1)->reply();//$weObj->news($data_news)->reply();break;default:

$weObj->text('bangding1.php ')->reply();

}?>

 

 

 5.在自定义接口菜单型中获取access_token.

　　为了更好的服务用户，可以开发属于自己的自定义菜单，公众平台已经为开发者提供了在线接口调试工具，开发者在这里应该选择的

接口类型为基础支持，选择的接口列表为获取access_token接口/token，然后输入自己测试号appid和secret，选择点击检查问题按

钮，获得我要进行自定义菜单设计的access_token编码。

　　当取得access token编码串以后，继续在接口的调试工具中进行重新选择，这时选择的接口类型为自定义菜单，自定义接口为menu

下的create，在参数列表中输入自己刚才获取的access_token编码，最后在body框中写入自己编好的自定义菜单编码。注意这里的自定

义菜单提交的编码格式只支持JSON数据结构，他和网站服务器中提交的自定义菜单数组格式不同。

 

 

 

　　在成功的获取access_token以后，进行自定义接口菜单的调试。

 

 

 

 

 6.然后进行自定义接口json包的上传验证。

{"button": [

{"name": "我要办税",

"sub_button": [

{"type": "view",

"name": "身份绑定",

"url": "http://114.218.216.89/bangding1.php/"

},

{"type": "view",

"name": "申报纳税",

"url": "http://114.218.216.89/userlogin.php/"

},

{"type": "view",

"name": "业务办理",

"url": "http://114.218.216.89/ywbl.php/"

},

{"type": "view",

"name": "办税指南",

"url": "http://114.128.216.89/zhinan.php/"

}

]

},

{"name": "我要查询",

"sub_button": [

{"type": "view",

"name": "最新通知",

"url": "http://114.218.216.89/zxgg.php/"

},

{"type": "view",

"name": "发票信息查询",

"url": "http://114.218.216.89/fpxxcx.php/"

},

{"type": "view",

"name": "税收查询",

"url": "http://115.28.216.89/sscx.php/"

},

{"type": "view",

"name": "税收法规",

"url": "http://114.218.216.89/ssfg.php/"

}

]

},

{"name": "其他",

"sub_button": [

{"type": "view",

"name": "留言",

"url": "http://114.218.216.89/ly.php/"

},

{"name": "发送位置",

"type": "location_select",

"key": "rselfmenu_2_1"

}

]

}

]

}

 

 

 

在提交json body自动定义接口包后，微信公众平台会和后台服务器平台进行验证。


 

7.token与access_token的区别

token是在微信后台选择开发模式的时候填写的，是自己的微信公众平台与后台验证的关键字，类似于一种令牌或者指令。
而access_token则是通过接口调用生成的，在相应的微信公众平台接口调试页面通过输入自己的appid和appsecret而生成的。

 
https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=wx607ad3f161bc9c83&secret=7d955b008d74fafbc6878d48a9641961

 

https://segmentfault.com/q/1010000003749563

 

https://mp.weixin.qq.com/debug

 

 

8.在通过验证后，就可以编写网页文件，网页编写可以采用html+php,在加一部分jsp和css,效果会显得更加完美。

网页一般上传在自己的/opt/lampp/htdocs目录当中。

 

 

上传过程中可以使用Linux自带的命令rz/sz命令来完成。也可以使用工具进行，比如xftp和MobaXtermPersonalEdition等工具。

通过在浏览器窗口输入自己的服务器公网ip地址，或者是自己的域名，就可以访问进入到自己的服务器页面当中。如图。

 

 

通过点击第一行的PhpMyAdmin可以进入到数据库，进而在数据库中创建爱你，修改查询等对自己的数据库进行操作。

 

 

9.公众号中的自动回复设计

在已经写好的验证文件demo.php中进行添加自定义回复消息，寻找选择模块switch语句，然后进行设置MEGTYPE_TEXT。

$weObj->text($text[rand()%4])->reply();添加数组text，并为其赋值，最后根据用户消息请求次数给予回复[15]。

涉及到的核心代码主要包括：$text[0]="请点击相应按钮完成您办理的业务。
";$text[1]="欢迎关注林海市国税系统微信公众平台！";$text[2]="很高兴为你服务！";switch($type) {

                 $weObj->text($text[rand()%4])->reply();

                        

              $response = $weObj->getRevPic();

            foreach($response as $key=>$value)

            {

                $weObj->image($value)->reply();

                          }

                                            break;

        default:

 $weObj->text('wehope.top/bangding1.php  ')->reply();

}

 

 

 

 10.数据库的管理和设计

通过与服务器中的数据库建立连接，可以将用户的注册信息，增值税、消费税、个人所得税等信息方便的录入到数据库的表单中。同时为了方便系统管理员对数据库MySql的管理，
采用了phpMyAdmin技术，通过网页远程对数据库进行有效的管理[16]。

数据库中的表单创建代码包括：

(1) 注册表的创建

CREATE table `register` (

  `id`  int(10) NOT NULL auto_increment,

  `user`  varchar(10) NOT NULL default '0',

  `regdate`  date NOT NULL,

  `code`  varchar(11) NOT NULL default '0',

  PRIMARY KEY  (`id`)

) ENGINE=InnoDB  DEFAULT CHARSET=utf8 AUTO_INCREMENT=5 ；

(2) 给注册表插入新用户

insert into register (id,user,regdate,tel)  values('','李斯','now()','12345678901')

(3) 与数据库建立连接<?php$connect = @ mysql_connect("localhost", "root", "zfdroot") 
or die("数据库链接错误");mysql_select_db("bbs", $connect);mysql_query("set names 'utf-8'"); //使用utf-8编码格式;

?>

 

 

 11.前台界面的设计和实现

　　通过在阿里云的网站服务器端配置PHP5-curl，采用预定义的$_GET、$_POST变量、可以收集来自method="post"表单中提交的值，并向服务器和数据库提交参数。

微信客户端可以将用户输入的注册、绑定、纳税等基本信息通过http、ftp等协议传输到服务器的数据库中，同时服务器端通过判断客户端的请求类型给出相应的响应信息

部分代码包括：

 if(isset($_POST['submit']) && $_POST['submit'])  

 { $sql="insert into register (id,user,regdate,code) values('','$_POST[user]',now(),'$_POST[code]')";

  mysql_query($sql);

  echo "<script language=\"javascript\">alert('注册成功');history.go(-1)</script>"; }

 

 

 

 

 

涉及到的标题设置代码包括：

<?php

echo '<img src="/pic/wa.jpg" width="1300" height="400">' ;

?>

<head>

<title>我要查询 |  最新通知 </title>

<p><font size=7 color= blue >通知公告 </p> </font>

<p><hr size=3 color= blue></p><br>

</head>

 

核心代码包括：

<?php

 error_reporting(E_ALL^E_NOTICE);

  include("fpxxcx.php");

 include("connect.php");

echo '<img src="/pic/fen.jpg" width="1300" height="400">' ;

?>

<p><font size=7 color= blue >发票查询信息明细 </p> </font>

<p><hr size=3 color= blue></p><br>

<?

$sql="select * from luru where haoma= $work "; //倒序排序

$query=mysql_query($sql);

while($row=mysql_fetch_array($query))

{

?>

<td><b><font  color=red size=6 ><center>  <?=$row[type]?>类发票</font></b></td></center>

时间：<?echo date("Y年-m月-d日 H:i:s",time());?>

   <td>编号ID：<?=$row[id]?> </td>

   <td>发票代码：<?=$row[daima]?></td>

   <td>开票日期：<?=$row[date]?> </td>

   <td>发票号码：<?=$row[haoma]?></td>

   <td>付款方名称：<?=$row[user]?> </td>

   <td>身份识别号码：<?=$row[uid]?></td>

   <td>工程项目名称：<?=$row[user1]?> </td>

   <td>金额：<?=$row[money]?></td>

   <td>利率：<?=$row[money1]?> </td>

   <td>备注：</td>

   <?  

  }

   ?>

 

16:41:46

 

其中的关键代码包括：

const EVENT_LOCATION = 'LOCATION';         //上报地理位置

if (isset($this->_receive['Location_X'])){

return array(

'x'=>$this->_receive['Location_X'],

'y'=>$this->_receive['Location_Y'],

); 

 }

 else     return false; 

 }

 

 12.资料文档下载

WeChatPHPSDK，让PHP接入微信公众平台更便捷

WeChatPHP-SDK-Intro

其它微信公众号开发文档若干

https://github.com/dodgepudding/wechat-php-sdk

https://mp.weixin.qq.com/wiki

 

13.构造函数及其参数

.构造函数参数

public function __construct($options)

{

$this->token = isset($options['token'])?$options['token']:'';

$this->encodingAesKey = isset($options['encodingaeskey'])?$options['encodingaeskey']:'';

$this->appid = isset($options['appid'])?$options['appid']:'';

$this->appsecret = isset($options['appsecret'])?$options['appsecret']:'';

$this->debug = isset($options['debug'])?$options['debug']:false;

$this->logcallback = isset($options['logcallback'])?$options['logcallback']:false;

}

 

 14.遇到的问题

（1）从微信客户端提交的数据，在数据库中显示常看时，显示乱码

解决措施：文件以及数据库的编码格式尽量统一修改成utf-8格式。

（1）从微信客户端提交的数据，在数据库中显示常看时，显示乱码

解决措施：文件以及数据库的编码格式尽量统一修改成utf-8格式。

（2）图片无法显式

原因为路径不对，

<img src="/pic/deng.jpg" width="1300" height="400">

中缺少了/pic中的/

 

 

 

 

2018-01-17

16:09:0416:09:04

 

 

 

 

 

 

 

 

文章标签：
云数据库 RDS MySQL 版
数据库
PHP
SQL
数据格式
JSON
关键词：
微信开发
微信公众平台开发
相关实践学习
如何在云端创建MySQL数据库
开始实验后，系统会自动创建一台自建MySQL的 源数据库 ECS 实例和一台 目标数据库 RDS。
全面了解阿里云能为你做什么
阿里云在全球各地部署高效节能的绿色数据中心，利用清洁计算为万物互联的新世界提供源源不断的能源动力，目前开服的区域包括中国（华北、华东、华南、香港）、新加坡、美国（美东、美西）、欧洲、中东、澳大利亚、日本。目前阿里云的产品涵盖弹性计算、数据库、存储与CDN、分析与搜索、云通信、网络、管理与监控、应用服务、互联网中间件、移动服务、视频服务等。通过本课程，来了解阿里云能够为你的业务带来哪些帮助 &nbsp; &nbsp; 相关的阿里云产品：云服务器ECS 云服务器 ECS（Elastic Compute Service）是一种弹性可伸缩的计算服务，助您降低 IT 成本，提升运维效率，使您更专注于核心业务创新。产品详情: https://www.aliyun.com/product/ecs
hopegrace
目录
相关文章
邹荣乐
|
30天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
邹荣乐
452 7
邹荣乐
|
30天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序：四大解决方案，轻松应对主包与vendor.js过大打包难题
邹荣乐
502 1
yuanzhengme
|
1月前
|
小程序 前端开发 测试技术
微信小程序的开发完整流程是什么？
微信小程序的开发完整流程是什么？
yuanzhengme
110 7
ly~
|
2月前
|
存储 供应链 小程序
除了微信小程序，PHP 还可以用于开发哪些类型的小程序？
除了微信小程序，PHP 还可用于开发多种类型的小程序，包括支付宝小程序、百度智能小程序、抖音小程序、企业内部小程序及行业特定小程序。在电商、生活服务、资讯、工具、娱乐、营销等领域，PHP 能有效管理商品信息、订单处理、支付接口、内容抓取、复杂计算、游戏数据、活动规则等多种业务。同时，在企业内部，PHP 可提升工作效率，实现审批流程、文件共享、生产计划等功能；在医疗和教育等行业，PHP 能管理患者信息、在线问诊、课程资源、成绩查询等重要数据。
ly~
78 6
邹荣乐
|
1月前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
邹荣乐
177 1
众所周知
|
1月前
|
小程序 前端开发 数据安全/隐私保护
微信小程序全栈开发中的身份认证与授权机制
【10月更文挑战第3天】随着移动互联网的发展，微信小程序凭借便捷的用户体验和强大的社交传播能力，成为企业拓展业务的新渠道。本文探讨了小程序全栈开发中的身份认证与授权机制，包括手机号码验证、微信登录、第三方登录及角色权限控制等方法，并强调了安全性、用户体验和合规性的重要性，帮助开发者更好地理解和应用这一关键技术。
众所周知
61 5
众所周知
|
1月前
|
小程序 前端开发 JavaScript
微信小程序全栈开发中的PWA技术应用
【10月更文挑战第3天】微信小程序作为新兴应用形态，凭借便捷体验与社交传播能力，成为企业拓展业务的新渠道。本文探讨了微信小程序全栈开发中的PWA技术应用，包括离线访问、后台运行、桌面图标及原生体验等方面，助力开发者提升小程序性能与用户体验。PWA技术在不同平台的兼容性、性能优化及用户体验是实践中需注意的关键点。
众所周知
59 5
java冯坚持
|
1月前
|
小程序 JavaScript API
微信小程序开发之：保存图片到手机，使用uni-app 开发小程序；还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
java冯坚持
526 0
微信小程序开发之：保存图片到手机，使用uni-app 开发小程序；还有微信原生保存图片到手机
yuanzhengme
|
25天前
|
存储 小程序 安全
微信的开发管理都需要配置什么？
【10月更文挑战第17天】微信的开发管理都需要配置什么？
yuanzhengme
30 0
邹荣乐
|
30天前
|
JavaScript 小程序 开发者
uni-app开发实战：利用Vue混入(mixin)实现微信小程序全局分享功能，一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战：利用Vue混入(mixin)实现微信小程序全局分享功能，一键发送给朋友、分享到朋友圈、复制链接
邹荣乐
305 0

热门文章

最新文章

  • 1
    Python开发微信公众号后台（系列一）
  • 2
    微信公众平台小程序会是下一个App Store吗？
  • 3
    微信公众平台开发接口PHP SDK完整版
  • 4
    微信公众平台自定义菜单及高级接口PHP SDK
  • 5
    微信公众平台开发入门教程（四）获取接收消息
  • 6
    微信公众平台可以修改名称吗?微信认证时可以改名!
  • 7
    公众平台手机版来临 微信公众平台推出手机版运营中心
  • 8
    微信公众平台消息接口PHP版开发教程
  • 9
    微信公众号配置 Token 认证以及消息推送功能（二）
  • 10
    微信公众平台测试群发消息公开阅读次数和点赞数
  • 1
    微信小程序echart图片不显示 问题解决
    61
  • 2
    【DevOps】（五）Jenkins构建给企业微信推送消息
    268
  • 3
    UniApp与微信小程序介绍及区别
    577
  • 4
    企业微信应用结合Cpolar内网穿透实现固定域名验证回调本地接口服务
    211
  • 5
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（二）
    548
  • 6
    微信小程序开发工具的使用，各个配置文件详解，小程序开发快速入门（一）
    285
  • 7
    轻松学会微信小程序开发（一）
    217
  • 8
    使用阿里云短信+微信短链接跳转微信小程序
    490
  • 9
    微信小程序开发1
    142
  • 10
    微信小程序——实现对话模式（调用大模型图片生成）
    390

    • 相关课程

    更多
  • 软件供应商进阶管理实操
  • 阿里云RPA（机器人流程自动化）- 初级入门（可视化）
  • 高级应用技能进阶
  • C++ 入门教程开发文档

    • 相关电子书

    更多
  • 微信广告引擎与播放节奏算法实践
  • 微信H5视频播放器在海量业务下的实践
  • 微信高效运维之路
    • 下一篇
    阿里云OSS设置跨域访问