本文目录一览：
- 1、微信小程序wxs的使用（当页面数据渲染前添加js操作)
- 2、公众号h5中使用微信JS-SDK(个人笔记)
- 3、JS交互微信之JSAPI支付
微信小程序wxs的使用（当页面数据渲染前添加js操作)
小程序的wxs功能可以让wsmxl可以调用和编写js,基本上wxs和JS无关系,只是语法形式很相似。
如下写了两个关于时间的函数，并将它们导出，
wxs module="m1"
var getMax = function(flightDate) {
var now = getDate().getDate();
var flDate = getDate(flightDate).getDate();
if( now flDate ){
return '+1';
}else{
return '';
}
}
var formartTime = function(flightDate,format){
if(flightDate){
var realDate = getDate(flightDate);
function timeFormat(num) {
return num 10 ? '0' + num : num;
}
var date = {
"Y": timeFormat(realDate.getFullYear()),
"M": timeFormat(realDate.getMonth() + 1),
"d": timeFormat(realDate.getDate()),
"h": timeFormat(realDate.getHours()),
"m": timeFormat(realDate.getMinutes()),
"s": timeFormat(realDate.getSeconds()),
"q": Math.floor((realDate.getMonth() + 3) / 3),
"S": realDate.getMilliseconds(),
};
if (!format) {
format = "yyyy-MM-dd hh:mm:ss";
}
if( format == 'hh:mm' ){
return date.h+':'+date.m;
}else{
return date.h+':'+date.m;
}
}else{
return false;
}
}
module.exports.getMax = getMax;
module.exports.formartTime = formartTime;
/wxs
可在页面添加如下使用：
m1.formartTime(）; m1.getMax(）;
公众号h5中使用微信JS-SDK(个人笔记)
通过使用微信JS-SDK，网页开发者可借助微信高效地使用拍照、选图、语音、位置等手机系统的能力，同时可以直接使用微信分享、扫一扫、卡券、支付等微信特有的能力，为微信用户提供更优质的网页体验。
例子为在vue中使用微信JS-SDK，步骤如下：
先登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。
备注：登录后可在“开发者中心”查看对应的接口权限。
插件方式：
引入js文件方式：
在需要调用JS接口的页面引入如下JS文件，（支持https）：
如需进一步提升服务稳定性，当上述资源不可访问时，可改访问： （支持https）。
挂载到Vue原型
与使用 JS-SDK 配置方式相同，所有需要使用开放标签的页面必须先注入配置信息，并通过openTagList字段申请所需要的开放标签，否则将无法使用（同一个 url 仅需调用一次）。开放标签的申请和 JS 接口的申请相互独立，因此是可以同时申请的。
配置成功之后，就可以使用相关的api了。例子为微信支付。
3.分享出去的是链接，不是卡片的原因及解决方案：
原因： 微信开放全域名访问后出现的限制。
解决方法：
这会导致别人通过分享卡进来的页面不是自己配置的页面。
解决办法： 把路由hash模式改成history模式。(让后端把匹配不到的页面重定向到首页)
开发者需要配合使用微信开放平台提供的 SDK 进行一次性订阅消息授权请求接入。正确接入 SDK 后，开发者移动应用会在终端本地 拉起微信应用进行订阅消息授权 ，微信用户确认后微信将拉起开发者移动应用，并带上授权用户 openid 等信息。
使用方式： 引导用户打开 ;appid=wxaba38c7f163da69bscene=1000template_id=1uDxHNXwYQfBmXOfPJcjAS3FynHArD8aWMEFNRGSbCcredirect_url=http%3a%2f%2fsupport.qq.comreserved=test#wechat_redirect 链接。
可拉起微信打开一次性消息订阅授权页：
使用方式：
如需添加参数，可在redirect_uri后面进行拼接，授权成功之后会带回来。
其他问题请参考：
JS交互微信之JSAPI支付
本篇为 JS交互微信系列篇 的第四篇 微信JSAPI支付 ，记录在微信内置浏览器内用调用微信支付过程。
JSAPI支付是用户在微信中打开商户的H5页面，商户在H5页面通过调用微信支付提供的JSAPI接口调起微信支付模块完成支付。
要拥有两个账号：
要开通产品中心的JSAPI支付。然后 产品中心=开发配置=支付配置=公众号支付配置 绑定支付授权目录，写已通过ICP备案的域名。
另外，要在ip白名单中，配置测试地址ip和线上生产地址ip，不然各种回调都会失败！
由于在微信内支付需要获取用户的 openid ，要获取它则必须通过网页授权配置。在公微信公众平台中， 公众号设置=功能设置=网页授权域名 中按要求填写。
在支付流程方面，重点依然都在后端处理，前端方面步骤比较简单。本文只叙述前端内容。
在将要进入支付的前一页面，直接接入微信授权，然后跳转进要支付的那个页面。举个例子：有a、b两个页面，在b页面用到支付，b页面由a页面跳转而来。那么在a页面跳b页面的时候，别直接跳转b的url，而是跳转到：
{appId}redirect_uri={b.html}response_type=codescope=snsapi_base#wechat_redirect
我们注意到，这里有这两个需要自己写的参数： appid 和 redirect_uri ，意义是：
另外，还有一个注意的点是， b.html这个url我们要进行encode转码，不然地址解析可能会出现问题！
上一步执行完后，在微信浏览器中，我们会得到一个链接，类似：
b.html?code={code}state=#/
在此处，我们得到了一个code值，这就是我们获取 openid 的凭证了。
获取方法当然是把值传给后台，后台去处理啦~
在上一步中，我们拿到code值后，就可以提交一些信息给后端了，比如商品相关属性、总价等，另外加上code值，传给后端。后端一顿操作后，返回给前端。我们需要的参数如下（后端返回下面这些参数）：
上个步骤拿到需要交互微信的参数后，就开始调用微信的支付接口了，如下：
至此，调用微信JSAPI来完成在微信内的支付就完成了。