教程目录

一 微信测试号申请

二 微信php后台搭建

三 微信测试号设置

四 微信客户端接口使用

五 Egret微信第三方库使用

六 源码下载

一 微信测试号申请

个人开发者没有号，所以只能用测试号来实现，不过不用担心，客户端的代码使用起来和真实的公众号是一样的。

首先到微信公众平台开发者文档去申请测试号：

 

点击登录

 

用你的微信扫一扫

 

好了，我们已经有了测试号了

 

二 微信php后台搭建

微信官方提供了一个demo，我们可以下载下来，放到自己网站上修改一下后使用。

进入微信JS-SDK文档页

 

拉到最下面，下载官方示例sample.zip

 

把压缩包里php的文件复制到你的服务器上。

 

呵呵，当然你没有服务器，那就跪了。。。

你要是学生崽，不知道腾讯1元学生服务器还有不有。

Egret官方貌似可以申请免费半年，不知道现在还有吗。

实在不行，买个阿里云，买够3年打5折，最便宜的1核1G用流量，3年800多

修改sample.php

yourAppID和yourAppSecret改成你测试号上的

 

修改jssdk.php

将下方两行由true改为false，如果是true，由于curl什么版本啥的问题，可能会报错，具体忘了。

 

复制wx_sample.php到和sample.php同级目录，微信的demo是没有wx_sample.php的，从我demo里下吧。

wx_sample.php用来响应微信发送的Token验证的。

好了，php的工作就这些了。

我们一共有了以下文件：

 

三 微信测试号设置

主要是设置接口配置信息和JS安全域名。

URL填写你放到服务器上的wx_sample.php的地址

Token任意填写

 

修改wx_sample.php的Token定义和你测试号配置的一样。这里我设置Token是"weixin"。

 

JS安全域名添加，我网站没有备案，没域名可用，所以只能写IP。

 

到此，微信测试号设置完毕。

四 微信客户端接口使用

微信官方的demo里已经写好了一段微信接口调用

 

我们可以直接在微信上打开试试，我自己网站的sample.php地址如下：

http://120.24.188.118/web/weixin/sample.php

 

因为debug:true，所以配置成功微信会弹出一个ok的弹框。

你们打开我的测试链接是没用的，因为你的微信账号必须要关注了这个测试号，才能测试。

所以你们自己申请个测试号来动手试试吧。

五 Egret微信第三方库使用

微信官方的jssdk是js，写在index页面不是很方便。白鹭有一个ts版的，现在我们来使用这个第三方库。

下载第三方库：

把weixin第三库放到项目目录下

 

修改egretProperties.json文件，添加第三方库，然后编译引擎。

 

在index.html页面中增加php代码。index.html发布上传到服务器后，需要修改成index.php，不然php代码无法执行。

 

保存index.html中微信的配置信息，以备在ts中使用。

 

在Egret中配置微信接口，并使用。

 

 

 

具体接口使用的代码太多了，自己看demo咯。

六