码迷,mamicode.com
首页 > 微信 > 详细

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

时间:2018-06-24 13:09:51      阅读:316      评论:0      收藏:0      [点我收藏+]

标签:image   js-sdk   便宜   ast   平台   上传   font   alt   microsoft   

教程目录
一 微信测试号申请
二 微信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咯。


源码下载

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

标签:image   js-sdk   便宜   ast   平台   上传   font   alt   microsoft   

原文地址:https://www.cnblogs.com/gamedaybyday/p/9219965.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!