微信公众号开发之vue整理

从前端开发角度上来说,没有什么差别.不一样的有:1)需要网页授权登录,2)使用微信的一些方法(拍照 扫描等)需要引入wx-js sdk.

jsSdk引入步骤分为3部（此处以vue项目中为例）：

1、需要在vue项目中安装weixin-js-sdk

2、在页面中需要用到wx的一些方法中引入js-sdk,引入方法：import wx from 'weixin-js-sdk'

3、开始正在的使用wx的js-sdk

       由于使用微信js需要进行授权配置，所以需要使用ajax请求从服务端获取微信jssdk的授权参数

借用别人写的方法：

需要进行网页授权

1、在使用js-sdk时，需要在微信公众号平台配置相应的域名

2、在jssdk的授权参数获取成功之前调用了js-sdk方法

3、需要在wx.config中的jsApiList配置需要使用的js-sdk方法

4、分享功能需要注意：

先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。

备注：登录后可在“开发者中心”查看对应的接口权限。

在需要调用JS接口的页面引入如下JS文件，（支持https）： http://res.wx.qq.com/open/js/jweixin-1.6.0.js

如需进一步提升服务稳定性，当上述资源不可访问时，可改访问： http://res2.wx.qq.com/open/js/jweixin-1.6.0.js （支持https）。

备注：支持使用 AMD/CMD 标准模块加载方法加载

微信公众号开发，需要通过微信授权，但是使用vue 开发到项目，默认域名一般是http://localhost:8080/.... 因为域名的原因 微信就无法通过授权了

解决方案： 

1.在 vue.config.js   文件中添加 代理配置项

将 host：‘localhost’改成自己的域名就行了

2.在 hosts 文件中 增加 127.0.0.1 自己的域名

windows：c:/windows/System32/drivers/etc -->hosts

mac：访达/前往文件夹/private/etc -->hosts

mac修改 hosts 文件的详见： https://www.jianshu.com/p/75b50568e3d4

---