1.申请微信个人公众号
2.开通新浪云服务器 因为微信中打开的页面必须要放在公网服务器上面
3.获取微信的实例demo,包括php,node,java等版本
-
index.php 写页面（php,jsp,asp,ejs）项目加载主页面(我们在这里进行调用微信接口开发)微信项目主页面,直接运行就可以看到主页面。
jsp 服务端模板引擎—-能够在html里面用其他语言写内容 - weixin.php 首次页面加载所需要得到的token
- access_token.php 存储生成的token
- jssdk.php 验证微信中jssdk文件
- jsapi_ticket.php 验证jsapi的文件
早期微信 验证机制完全在服务端,
页面获取token和签证必须写ajax获取参数,
然后才能调用方法目前微信只支持php,node,java,语言脚本进行验证和调用
4.新建web项目 将目录结构确定 将我们几个php文件导入，写好页面样式
5.打开新浪云服务器进行配置 ，并将我们的代码添加上去，并且测试运行
1.如何将代码放到服务器 svn
先要在新浪云里面新建 版本
代码上传
2.如何设置参数 避免bug
6.打开页面:
微信公众平台:
https://mp.weixin.qq.com/cgi-bin/home?t=home/index&lang=zh_CN&token=1403262690
选择基本
配置—->显示秘钥:—->将获取到的id和秘钥写在新浪服务器的index.php里面
选择修改配置—->填写url地址(token地址)—->填写token和加密方式
登录自己的web微信 https://wx.qq.com/
将写好的页面发送到手机微信中，并打开测试
7.可以将自己的web项目嫁接到微信项目里面
8.如何进行调用微信接口进行开发?
这时候开始我们还是不能去调用微信接口的
需要打开https://mp.weixin.qq.com/cgi-bin/home?t=home/index&lang=zh_CN&token=722761137
打开公众号设置——>功能设置—–>将之前填写在token里面的地址的协议
和后缀去掉，只留一个安全域名
9.写好安全域名以后 在对话框的上方会出现一个
MP_verify_F1aaYwBjYMd6aJPL.txt 文件 我们选择下载该文件，
然后将放到新浪服务器里面 主要就可以保存成功了
10.调用微信接口
1.微信将全部api都封装在wx对象里面
2.首先需要实现微信里面的wx.config接口
wx.config()做验证,就是在服务端得到验证参数,token,
签名,接口列表(我们需要调用那个接口 就要在config里面去写那个接口名称)
3.实现:wx.ready()事件加载完毕以后才能去调用原生接口
调用微信接口
参考文档
http://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.html
- 1.将自己所写代码提交到公网服务器，做到项目嫁接到微信里面
- 2.配置获取到token,微信appid,密钥，实现功能可以在微信里面调用接口
- 3.测试一些接口 *
总结
微信混合开发和dcloud,cordova类似
1. dcloud,cordova提供了一个webview，可以直接在webview里面去写js代码
2. 微信 也是原生提供的一个webview，原生将桥接js注入到webview里面，它是一种显示注入，在使用微信开发的时候，使用的时候需要验证token,公网域名
3. 不同点：dcloud 提供的webview是整个引用初始化页面。而微信初始化原生页面
4. reactnative 是未来更加更加风靡一款混合开发机制
5. 微信小程序借鉴了react-native
- 搭建微信开发环境，从新浪云申请域名开始，绑定token，安全域名
- 嫁接电商类型网站到微信里面（获取用户位置）
- 加载附近服务显示