咸鱼教程实战微信分享图片录音等接口使用

Posted 2020-11-20 gamedaybyday

教程目录
一 微信测试号申请
二 微信php后台搭建
三 微信测试号设置
四 微信客户端接口使用
五 Egret微信第三方库使用
六 源码下载


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

首先到微信公众平台开发者文档去申请测试号：http://mp.weixin.qq.com/wiki/home/index.html
 

点击登录
 

用你的微信扫一扫
 

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



二 微信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版的，现在我们来使用这个第三方库。

下载第三方库：
https://github.com/egret-labs/egret-game-library

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

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

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

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


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

 

 

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


六 源码下载