微信 Web App 开发， js-sdk 遇到 invalid signature 等错误，求帮助赠红包

[learnshare]

目前的状况：

暂时规划包括支付和录音，支付已完成，并且一切正常。录音部分被 js-sdk 卡住了。

错误描述：

可以确定的是签名算法等后端逻辑没问题。
然后在不同的页面调用 wx.config()，如果只给 jsApiList 'chooseWXPay' 一个参数，则正常执行；如果再添加 'startRecord' 或者更多参数，会在两个不同的页面遇到不同的问题：

1. app.com/me "config:invalid url domain"
2. app.com/resource/[resourceId]/detail "config:invalid signature"

寻求帮助：

因为发给 [e-mail] 的邮件并没有收到回复，所以在这里呼叫一下腾讯或微信团队的朋友，希望能得到帮助。

或者有朋友处理过 js-sdk 录音的功能，也希望能够得到你的帮助。

请联系我 learnshare.hjq#gmail ， wechat: LearnShare
或者留下你的联系方式 :)

解决问题发红包（个人出，也努力从老板兜里掏几毛）

感谢各位。

[learnshare]

@pubby
@alichen 后端部分没有问题，因为同样的签名，支付是可以正常用的。

现在是除了 chooseW XPay ，其他 js-sdk 的接口权限都会导致 invalid signature.

[learnshare]

@xxxyyy 单独 chooseWXPay 是正常的

[sxyclint]

首先微信提供了签名的算法，可以比对下结果看看是不是正确；
页面注入配置的时候， url 申请的签名要和微信在浏览器里的那个域名对应上，也就是一个 url 一个签名

[jdlau]

参数顺序对了没

[learnshare]

@sxyclint 签名已经验证过， URL 也没有问题

@jdlau 参数顺序并不影响这个问题，因为只要是非 chooseWXPay 的权限，都会签名无效

[xxxyyy]

信息太少不好判断

页面是单页面应用，还是传统的页面？
签名是通过 ajax 获取的，还是直接渲染在页面上的？

[learnshare]

@xxxyyy 基于 Angular.js 的单页应用，通过 Ajax 从后端 API 获取的签名数据

[xxxyyy]

@learnshare 那通过 ajax 发送 URL 前是否 encode 了，后端接受到 URL 后是否 decoder 了？

[learnshare]

@xxxyyy 没有 encode 和 decode ，用的是 POST

[xxxyyy]

@learnshare POST 的 content-type 是什么？ json 还是 formdata?

[xxxyyy]

我猜问题可能还是在 URL 上。

[learnshare]

@xxxyyy 当然是 JSON 。

URL 应该没有问题，因为单纯支付就是正常的，其他 js-sdk 的接口都不正常。

[xi_lin]

chooseWXPay 这个接口很神奇的，我试过不请求支付权限照样可以调起支付。
你试过设置分享接口吗？

[xiluo]

目测楼主在做类分答的应用。
有一个问题要注意，就是签名的时候传入的 nonstr 要全部小写

[learnshare]

@xi_lin 目前在考虑 Angular.js URL 的问题了，或许 abc.com/path 这个方式会导致签名问题？
我再尝试换回 abc.com/#/path 这个方式吧

[learnshare]

@iloveyou
@alichen
@xylitolLin
@justfindu
@alex321
@pubby
@xxxyyy
@sxyclint
@jdlau
@xi_lin
@xiluo

看来是 URL 的问题。

解决办法：

abc.com/path 改成 abc.com/#/path ，通过 abc.com/ 这个 URL 来签名。

最初是因为微信网页授权跳转无法调到 abc.com/#/ 这个地址，所以设置 Angular.js 的 URL 为 html5Mode(true)，也就是 abc.com/path 这种模式了。
看来要再单独处理授权登录跳转的问题了。

不过仍然感谢各位。

[pubby]

@learnshare 微信文档不是提到你这种单页应用了吗，这种情况要用新 URL 重新签名的

[learnshare]

手动 SEO 一下，帮助更多失足程序员：

微信 invalid signature
js sdk invalid signature
js-sdk invalid signature
JS-SDK invalid signature

[learnshare]

@pubby 是新的 URL ，但 abc.com/path 和 abc.com/#/path 是两种不同的 Angular.js 应用 URL 模式，签名也不同。这一点上微信没有测试过吧