美文网首页
微信开发从零开始步骤小结

微信开发从零开始步骤小结

作者: ice小末 | 来源:发表于2017-06-28 11:16 被阅读0次

总体分为三步:

(第一步,第二步详细参见:https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421135319,内含PHP示例代码)
接入微信公众平台开发,开发者需要按照如下步骤完成:
1、填写服务器配置
2、验证服务器地址的有效性
3、依据接口文档实现业务逻辑

以下详细说明依据接口文档实现业务逻辑:

后台:

需要生成以下几个参数给前台返回:

appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名,见附录1
以下地址中有PHP全部demo代码(在页面最底部的附录6):https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115
“PHP 部分代码包括了获取 access_token 和 jsapi_ticket 的操作,
只需传入 appid 和 appsecret 即可,但要注意如果已有其他业务需要使用 access_token 的话,
应修改获取 access_token 部分代码从全局缓存中获取,防止重复获取 access_token ,超过调用频率。
注意事项:1. jsapi_ticket 的有效期为 7200 秒,开发者必须全局缓存 jsapi_ticket ,防止超过调用频率。”
2、调用微信接口获取access_token需要对公众号进行配置:“请登录“微信公众平台-开发-基本配置”提前将服务器IP地址添加到IP白名单中,点击查看设置方法,否则将无法调用成功。”详细参考https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421140183

前台:

(详细参见https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1421141115

步骤一:绑定域名

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注:登录后可在“开发者中心”查看对应的接口权限。

步骤二:引入JS文件

在需要调用JS接口的页面引入如下JS文件,(支持https):http://res.wx.qq.com/open/js/jweixin-1.2.0.js
备注:支持使用 AMD/CMD 标准模块加载方法加载

步骤三:通过config接口注入权限验证配置

所有需要使用JS-SDK的页面必须先注入配置信息,否则将无法调用(同一个url仅需调用一次,对于变化url的SPA的web app可在每次url变化时进行调用)。
wx.config({
debug: true, // 开启调试模式,调用的所有api的返回值会在客户端alert出来,若要查看传入的参数,可以在pc端打开,参数信息会通过log打出,仅在pc端时才会打印。
appId: '', // 必填,公众号的唯一标识
timestamp: , // 必填,生成签名的时间戳
nonceStr: '', // 必填,生成签名的随机串
signature: '',// 必填,签名,见附录1
jsApiList: [] // 必填,需要使用的JS接口列表,所有JS接口列表见附录2
});

步骤四:通过ready接口处理成功验证

wx.ready(function(){
// config信息验证后会执行ready方法,所有接口调用都必须在config接口获得结果之后,config是一个客户端的异步操作,所以如果需要在页面加载时就调用相关接口,则须把相关接口放在ready函数中调用来确保正确执行。对于用户触发时才调用的接口,则可以直接调用,不需要放在ready函数中。
});

步骤五:调用微信相应的接口

如调用分享功能:


Paste_Image.png

备注:
如果只需要分享的功能以上配置我记得就够了。如果需要微信登录、拉取用户信息、微信支付等其他功能,需要配置微信公众号的其他权限,且需要审核时间。

相关文章

  • 微信小程序从零开始开发步骤阅读链接

    阅读链接: 微信小程序从零开始开发步骤(一)搭建开发环境 微信小程序从零开始开发步骤(二)创建小程序页面 微信小程...

  • 微信开发从零开始步骤小结

    总体分为三步: (第一步,第二步详细参见:https://mp.weixin.qq.com/wiki?t=reso...

  • 微信小程序开发日记

    记录一下从零开始的微信小程序开发过程 步骤 准备 腾讯云申请服务器、域名,域名认证等等 申请微信开发者账号 本地下...

  • 微信开发第一弹

    什么是微信开发 微信开发包括三个方面,微信公众号开发,微网站开发,微信接口开发 微信开发步骤 去下面这个网站申请一...

  • 微信开发小结

    做过好几次微信开发了;每一次都会遇到不同的坑,这一次只是总结一下教训,写给自己的,希望如果对你们有帮助的话,希望给...

  • 前端知识点文章整理

    微信小程序 详解微信小程序开发(项目从零开始)https://www.jb51.net/article/16263...

  • 菜鸟带你看传说中的微信开发!

    1.微信开发原理微信客户端->微信服务器->开发绑定的服务器。微信开发步骤: 2.微信验证服务器原理(验证服务器的...

  • iOS微信&QQ第三方登录

    微信第三方登录 一、注册微信开放平台开发账号 1. 微信开放平台网站:微信开放平台 2. 注册开发者账号,按步骤填...

  • 微信开发基础

    微信开发,由于语言换成了node,原来的微信开发环境都得重来,顺便记录一下步骤。 前提: 需要在微信公众号上进行一...

  • 微信小程序怎么制作?

    微信小程序怎么制作? 微信小程序的申请、注册、开发、审核等步骤都有相应的流程。在小程序开发上,可以选择自行开发,也...

网友评论

      本文标题:微信开发从零开始步骤小结

      本文链接:https://www.haomeiwen.com/subject/eafucxtx.html