微信公众平台js接口安全域名是怎么回事_百度知道
微信公众平台js接口安全域名是怎么回事
提问者采纳
具体的做法是登录商家的微信公众号后台？当公众号未授权给微拓平台又想使用地图导航功能的时候，点击确定即可，然后把相关域名网址分别填入域名1和域名2的方框里，必须设置JS接口安全域名，点击【公众号设置】→【功能设置】什么情况下需要配置JS接口安全域名
来自团队：
其他类似问题
为您推荐：
域名的相关知识
下载知道APP
随时随地咨询
出门在外也不愁WeChat（2）
1.最近遇到微信公众号分享功能，加载微信JS-SDK& 先是提示签名不正确，完全是按照标准文档做的，后来发现没传url。传入url后，又提示config invalid url domian，始终找不到解决方案，域名绑定和传入的url都没错，都是同一域名。
2.最后才发现【微信JS-SDK】所指的安全域名，不是OAuth2.0网页授权回调页面域名，而是JS接口安全域名。
解决：登录微信公众号平台，设置-》公众号设置-》功能设置-》JS接口安全域名（特别注意：一个月内最多可修改三次域名，任意一个域名变更记为一次）
注：业务域名也可以一并设置了，免得输入框老是有微信自带非法提示（特别注意：一个月内最多可修改三次域名，任意一个域名变更记为一次）
参考知识库
* 以上用户言论只代表其个人观点，不代表CSDN网站的观点或立场
访问：27947次
排名：千里之外
原创：21篇
(1)(1)(2)(4)(1)(4)(3)(1)(2)(4)(2)微信JS接口安全域名怎么填写？
15-03-25 &匿名提问微信JS-SDK
判断当前客户端是否支持指定JS接口checkJsApi
获取&分享到朋友圈&按钮点击状态及自定义分享内容接口获取&分享给朋友&按钮点击状态及自定义分享内容接口onMenuShareAppMessage获取&分享到QQ&按钮点击状态及自定义分享内容接口onMenuShareQQ获取&分享到腾讯微博&按钮点击状态及自定义分享内容接口onMenuShareWeibo
拍照或从手机相册中选图接口chooseImage预览图片接口previewImage上传图片接口uploadImage图片接口downloadImage
开始录音接口startRecord停止录音接口stopRecord播放语音接口playVoice暂停播放接口pauseVoice停止播放接口stopVoice上传语音接口uploadVoice下载语音接口downloadVoice
识别音频并返回识别结果接口translateVoice
设备信息接口
获取网络状态接口getNetworkType
地理位置接口
使用微信内置地图查看位置接口openLocation获取地理位置接口getLocation
界面操作接口
隐藏右上角菜单接口hideOptionMenu显示右上角菜单接口showOptionMenu关闭当前网页窗口接口closeWindow批量隐藏功能按钮接口hideMenuItems批量显示功能按钮接口showMenuItems隐藏所有非基础按钮接口hideAllNonBaseMenuItem显示所有功能按钮接口showAllNonBaseMenuItem
微信扫一扫
调起微信扫一扫接口scanQRCode(微信处理结果)scanQRCode(直接返回结果)
微信小店接口
跳转微信商品页接口openProductSpecificView
微信卡券接口
批量添加卡券接口addCard调起适用于门店的卡券列表并获取用户选择列表chooseCard查看微信卡包中的卡券接口openCard
微信支付接口
发起一个微信支付请求chooseWXPay
&& * 注意：
&& * 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入&公众号设置&的&功能设置&里填写&JS接口安全域名&。
&& * 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
&& * 3. 常见问题及完整 JS-SDK 文档地址：http://mp./wiki/7/aaa137b55fb2e48dd613f.html
&& * 开发中遇到问题详见文档&附录5-常见错误及解决办法&解决，如仍未能解决可通过以下渠道反馈：
&& * 邮箱地址：weixin-
&& * 邮件主题：【微信JS-SDK反馈】具体问题
&& * 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
wx.config({
debug: false,
appId: 'wxf8b4f85f3a794e77',
timestamp: ,
nonceStr: 'iXifhx7UzDl5oh32',
signature: 'ba2df268bf4f;,
jsApiList: [
'checkJsApi',
'onMenuShareTimeline',
'onMenuShareAppMessage',
'onMenuShareQQ',
'onMenuShareWeibo',
'hideMenuItems',
'showMenuItems',
'hideAllNonBaseMenuItem',
'showAllNonBaseMenuItem',
'translateVoice',
'startRecord',
'stopRecord',
'onRecordEnd',
'playVoice',
'pauseVoice',
'stopVoice',
'uploadVoice',
'downloadVoice',
'chooseImage',
'previewImage',
'uploadImage',
'downloadImage',
'getNetworkType',
'openLocation',
'getLocation',
'hideOptionMenu',
'showOptionMenu',
'closeWindow',
'scanQRCode',
'chooseWXPay',
'openProductSpecificView',
'addCard',
'chooseCard',
'openCard'
* 1. 所有的JS接口只能在公众号绑定的域名下调用，公众号开发者需要先登录微信公众平台进入&公众号设置&的&功能设置&里填写&JS接口安全域名&。
* 2. 如果发现在 Android 不能分享自定义内容，请到官网下载最新的包覆盖安装，Android 自定义分享接口需升级至 6.0.2.58 版本及以上。
* 3. 完整 JS-SDK 文档地址：http://mp./wiki/7/aaa137b55fb2e48dd613f.html
* 如有问题请通过以下渠道反馈：
* 邮箱地址：weixin-
* 邮件主题：【微信JS-SDK反馈】具体问题
* 邮件内容说明：用简明的语言描述问题所在，并交代清楚遇到该问题的场景，可附上截屏图片，微信团队会尽快处理你的反馈。
wx.ready(function () {
// 1 判断当前版本是否支持指定 JS 接口，支持批量判断
document.querySelector('#checkJsApi').onclick = function () {
wx.checkJsApi({
jsApiList: [
'getNetworkType',
'previewImage'
success: function (res) {
alert(JSON.stringify(res));
// 2. 分享接口
// 2.1 监听&分享给朋友&，按钮点击、自定义分享内容及分享结果接口
document.querySelector('#onMenuShareAppMessage').onclick = function () {
wx.onMenuShareAppMessage({
title: '互联网之子',
desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
link: '/subject//',
imgUrl: 'http://demo.open./jssdk/images/p.jpg',
trigger: function (res) {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
alert('用户点击发送给朋友');
success: function (res) {
alert('已分享');
cancel: function (res) {
alert('已取消');
fail: function (res) {
alert(JSON.stringify(res));
alert('已注册获取&发送给朋友&状态事件');
// 2.2 监听&分享到朋友圈&按钮点击、自定义分享内容及分享结果接口
document.querySelector('#onMenuShareTimeline').onclick = function () {
wx.onMenuShareTimeline({
title: '互联网之子',
link: '/subject//',
imgUrl: 'http://demo.open./jssdk/images/p.jpg',
trigger: function (res) {
// 不要尝试在trigger中使用ajax异步请求修改本次分享的内容，因为客户端分享操作是一个同步操作，这时候使用ajax的回包会还没有返回
alert('用户点击分享到朋友圈');
success: function (res) {
alert('已分享');
cancel: function (res) {
alert('已取消');
fail: function (res) {
alert(JSON.stringify(res));
alert('已注册获取&分享到朋友圈&状态事件');
// 2.3 监听&分享到QQ&按钮点击、自定义分享内容及分享结果接口
document.querySelector('#onMenuShareQQ').onclick = function () {
wx.onMenuShareQQ({
title: '互联网之子',
desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
link: '/subject//',
imgUrl: '/view/movie_poster_cover/spst/public/p.jpg',
trigger: function (res) {
alert('用户点击分享到QQ');
complete: function (res) {
alert(JSON.stringify(res));
success: function (res) {
alert('已分享');
cancel: function (res) {
alert('已取消');
fail: function (res) {
alert(JSON.stringify(res));
alert('已注册获取&分享到 QQ&状态事件');
// 2.4 监听&分享到微博&按钮点击、自定义分享内容及分享结果接口
document.querySelector('#onMenuShareWeibo').onclick = function () {
wx.onMenuShareWeibo({
title: '互联网之子',
desc: '在长大的过程中，我才慢慢发现，我身边的所有事，别人跟我说的所有事，那些所谓本来如此，注定如此的事，它们其实没有非得如此，事情是可以改变的。更重要的是，有些事既然错了，那就该做出改变。',
link: '/subject//',
imgUrl: '/view/movie_poster_cover/spst/public/p.jpg',
trigger: function (res) {
alert('用户点击分享到微博');
complete: function (res) {
alert(JSON.stringify(res));
success: function (res) {
alert('已分享');
cancel: function (res) {
alert('已取消');
fail: function (res) {
alert(JSON.stringify(res));
alert('已注册获取&分享到微博&状态事件');
// 3 智能接口
var voice = {
localId: '',
serverId: ''
// 3.1 识别音频并返回识别结果
document.querySelector('#translateVoice').onclick = function () {
if (voice.localId == '') {
alert('请先使用 startRecord 接口录制一段声音');
wx.translateVoice({
localId: voice.localId,
complete: function (res) {
if (res.hasOwnProperty('translateResult')) {
alert('识别结果：' + res.translateResult);
alert('无法识别');
// 4 音频接口
// 4.2 开始录音
document.querySelector('#startRecord').onclick = function () {
wx.startRecord({
cancel: function () {
alert('用户拒绝授权录音');
// 4.3 停止录音
document.querySelector('#stopRecord').onclick = function () {
wx.stopRecord({
success: function (res) {
voice.localId = res.localId;
fail: function (res) {
alert(JSON.stringify(res));
// 4.4 监听录音自动停止
wx.onVoiceRecordEnd({
complete: function (res) {
voice.localId = res.localId;
alert('录音时间已超过一分钟');
// 4.5 播放音频
document.querySelector('#playVoice').onclick = function () {
if (voice.localId == '') {
alert('请先使用 startRecord 接口录制一段声音');
wx.playVoice({
localId: voice.localId
// 4.6 暂停播放音频
document.querySelector('#pauseVoice').onclick = function () {
wx.pauseVoice({
localId: voice.localId
// 4.7 停止播放音频
document.querySelector('#stopVoice').onclick = function () {
wx.stopVoice({
localId: voice.localId
// 4.8 监听录音播放停止
wx.onVoicePlayEnd({
complete: function (res) {
alert('录音（' + res.localId + '）播放结束');
// 4.8 上传语音
document.querySelector('#uploadVoice').onclick = function () {
if (voice.localId == '') {
alert('请先使用 startRecord 接口录制一段声音');
wx.uploadVoice({
localId: voice.localId,
success: function (res) {
alert('上传语音成功，serverId 为' + res.serverId);
voice.serverId = res.serverId;
// 4.9 下载语音
document.querySelector('#downloadVoice').onclick = function () {
if (voice.serverId == '') {
alert('请先使用 uploadVoice 上传声音');
wx.downloadVoice({
serverId: voice.serverId,
success: function (res) {
alert('下载语音成功，localId 为' + res.localId);
voice.localId = res.localId;
// 5 图片接口
// 5.1 拍照、本地选图
var images = {
localId: [],
serverId: []
document.querySelector('#chooseImage').onclick = function () {
wx.chooseImage({
success: function (res) {
images.localId = res.localI
alert('已选择 ' + res.localIds.length + ' 张图片');
// 5.2 图片预览
document.querySelector('#previewImage').onclick = function () {
wx.previewImage({
current: '/view/photo/photo/public/p.jpg',
'/view/photo/photo/public/p.jpg',
'/view/photo/photo/public/p.jpg',
'/view/photo/photo/public/p.jpg'
// 5.3 上传图片
document.querySelector('#uploadImage').onclick = function () {
if (images.localId.length == 0) {
alert('请先使用 chooseImage 接口选择图片');
var i = 0, length = images.localId.
images.serverId = [];
function upload() {
wx.uploadImage({
localId: images.localId[i],
success: function (res) {
alert('已上传：' + i + '/' + length);
images.serverId.push(res.serverId);
if (i & length) {
fail: function (res) {
alert(JSON.stringify(res));
// 5.4 下载图片
document.querySelector('#downloadImage').onclick = function () {
if (images.serverId.length === 0) {
alert('请先使用 uploadImage 上传图片');
var i = 0, length = images.serverId.
images.localId = [];
function download() {
wx.downloadImage({
serverId: images.serverId[i],
success: function (res) {
alert('已下载：' + i + '/' + length);
images.localId.push(res.localId);
if (i & length) {
download();
download();
// 6 设备信息接口
// 6.1 获取当前网络状态
document.querySelector('#getNetworkType').onclick = function () {
wx.getNetworkType({
success: function (res) {
alert(res.networkType);
fail: function (res) {
alert(JSON.stringify(res));
// 7 地理位置接口
// 7.1 查看地理位置
document.querySelector('#openLocation').onclick = function () {
wx.openLocation({
latitude: 23.099994,
longitude: 113.324520,
name: 'TIT 创意园',
address: '广州市海珠区新港中路 397 号',
scale: 14,
infoUrl: ''
// 7.2 获取当前地理位置
document.querySelector('#getLocation').onclick = function () {
wx.getLocation({
success: function (res) {
alert(JSON.stringify(res));
cancel: function (res) {
alert('用户拒绝授权获取地理位置');
// 8 界面操作接口
// 8.1 隐藏右上角菜单
document.querySelector('#hideOptionMenu').onclick = function () {
wx.hideOptionMenu();
// 8.2 显示右上角菜单
document.querySelector('#showOptionMenu').onclick = function () {
wx.showOptionMenu();
// 8.3 批量隐藏菜单项
document.querySelector('#hideMenuItems').onclick = function () {
wx.hideMenuItems({
menuList: [
'menuItem:readMode', // 模式
'menuItem:share:timeline', // 分享到朋友圈
'menuItem:copyUrl' // 复制链接
success: function (res) {
alert('已隐藏&阅读模式&，&分享到朋友圈&，&复制链接&等按钮');
fail: function (res) {
alert(JSON.stringify(res));
// 8.4 批量显示菜单项
document.querySelector('#showMenuItems').onclick = function () {
wx.showMenuItems({
menuList: [
'menuItem:readMode', // 阅读模式
'menuItem:share:timeline', // 分享到朋友圈
'menuItem:copyUrl' // 复制链接
success: function (res) {
alert('已显示&阅读模式&，&分享到朋友圈&，&复制链接&等按钮');
fail: function (res) {
alert(JSON.stringify(res));
// 8.5 隐藏所有非基本菜单项
document.querySelector('#hideAllNonBaseMenuItem').onclick = function () {
wx.hideAllNonBaseMenuItem({
success: function () {
alert('已隐藏所有非基本菜单项');
// 8.6 显示所有被隐藏的非基本菜单项
document.querySelector('#showAllNonBaseMenuItem').onclick = function () {
wx.showAllNonBaseMenuItem({
success: function () {
alert('已显示所有非基本菜单项');
// 8.7 关闭当前窗口
document.querySelector('#closeWindow').onclick = function () {
wx.closeWindow();
// 9 微信原生接口
// 9.1.1 扫描二维码并返回结果
document.querySelector('#scanQRCode0').onclick = function () {
wx.scanQRCode();
// 9.1.2 扫描二维码并返回结果
document.querySelector('#scanQRCode1').onclick = function () {
wx.scanQRCode({
needResult: 1,
desc: 'scanQRCode desc',
success: function (res) {
alert(JSON.stringify(res));
// 10 微信支付接口
// 10.1 发起一个支付请求
document.querySelector('#chooseWXPay').onclick = function () {
// 注意：此 Demo 使用 2.7 版本支付接口实现，建议使用此接口时参考微信支付相关最新文档。
wx.chooseWXPay({
timestamp: ,
nonceStr: 'noncestr',
package: 'addition=action_id%3dgaby1234%26limit_pay%3d&bank_type=WX&body=innertest&fee_type=1&input_charset=GBK&ify_url=http%3A%2F%2F120.204.206.246%2Fcgi-bin%2Fmmsupport-bin%2Fnotifypay&out_trade_no=8375338&partner=&spbill_create_ip=127.0.0.1&total_fee=1&sign=432B647FE95C7BF73BCD177CEECBEF8D',
signType: 'SHA1', // 注意：新版支付接口使用 MD5
paySign: 'bd5b1933cda6e6a9b52e8c9a2b69'
跳转微信商品页
document.querySelector('#openProductSpecificView').onclick = function () {
wx.openProductSpecificView({
productId: 'pDF3iY_m2M7EQ5EKKKWd95kAxfNw'
// 12 微信卡券接口
// 12.1 添加卡券
document.querySelector('#addCard').onclick = function () {
wx.addCard({
cardList: [
cardId: 'pDF3iY9tv9zCGCj4jTXFOo1DxHdo',
cardExt: '{&code&: &&, &openid&: &&, &timestamp&: &&, &signature&:&64e6a7cc85c6e84b726f2d1cbef1b36e9b0f9750&}'
cardId: 'pDF3iY9tv9zCGCj4jTXFOo1DxHdo',
cardExt: '{&code&: &&, &openid&: &&, &timestamp&: &&, &signature&:&64e6a7cc85c6e84b726f2d1cbef1b36e9b0f9750&}'
success: function (res) {
alert('已添加卡券：' + JSON.stringify(res.cardList));
// 12.2 选择卡券
document.querySelector('#chooseCard').onclick = function () {
wx.chooseCard({
cardSign: '97e9c5e58aab3bdf6fde',
timestamp: ,
nonceStr: 'k0hGdSXKZEj3Min5',
success: function (res) {
alert('已选择卡券：' + JSON.stringify(res.cardList));
// 12.3 查看卡券
document.querySelector('#openCard').onclick = function () {
alert('您没有该公众号的卡券无法打开卡券。');
wx.openCard({
cardList: [
var shareData = {
title: '微信JS-SDK Demo',
desc: '微信JS-SDK,帮助第三方为用户提供更优质的移动web服务',
link: 'http://demo.open./jssdk/',
imgUrl: '/mmbiz/icTdbqWNOwNRt8Qia4lv7k3M9J1SKqKCImxJCt7j9rHYicKDI45jRPBxdzdyREWnk0ia0N5TMnMfth7SdxtzMvVgXg/0'
wx.onMenuShareAppMessage(shareData);
wx.onMenuShareTimeline(shareData);
wx.error(function (res) {
alert(res.errMsg);
(window.slotbydup=window.slotbydup || []).push({
id: '2467140',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467141',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467143',
container: s,
size: '1000,90',
display: 'inlay-fix'
(window.slotbydup=window.slotbydup || []).push({
id: '2467148',
container: s,
size: '1000,90',
display: 'inlay-fix'微信之门是完整的免费解决方案,
使一个公众号能够对接 ——
不同域名的微网站 /
不同的后端服务器 /
不同开发者的应用
突破微信公众号绑定限制，拥有更多H5选择
A New Way To Link More
强大的微信开发组件/服务
解决公众号开发中面临的绑定问题, 轻松切换后端应用服务
支持公众号的授权分发功能，可在不同域名网站共用OAUTH授权接口.
同时支持没有公众号的情况下, 微信内网站唯一用户识别.
支持微信服务端消息的转发和回复功能，同时实现了消息转发至多个不同服务端, 可根据规则定制转发策略.
支持将公众号的开发权限授权给多个不同的开发者或团队，助力协作开发模式. WGate KEY 允许共享授权接口/消息网关功能，方便多团队开发
微信之门的API涵盖了多个Token共同开发所必要的数据共享/修改等操作功能，如微信支付、jsticket、积分池等.
微信公众号开发必经之门
每一个公众号都应该接入微信之门
标准API快速接入，支持一个微信账号同时授权多个应用，开发者和商家都有更多选择.
用户授权，数据会因过程全程加密，到到服务器后再解密，让您的数据访问更加安全.
云服务器架构，多线程高并发兼容.
他们都在用
微信之门使得我们多个开发商之间形成了标准化的对接, 降低了大量的开发成本.
我们使用微信之门很容易的做了大量的数据分析, 这在以前是非常困难的.
有了微信之门的帮助, 我们使用微信开发客户服务系统简直是如虎添翼!
CopyRight(C) WeixinGate All Rights Reserved.