微信小程序模板发送,openid获取,以及api.weixin.qq.com不在合法域名内解决方法
主要内容在标题三,老手可直接跳到标题三。
本文主要解决个人开发者模板消息发送的问题(没有服务器,不能操作服务器的情况)
针对api.weinxin.qq.com不在以下合法域名列表内的问题提出的解决方案
一、入门
按照以下网址教程注册一个小程序账号,安装开发工具等一并安装完成。
https://mp.weixin.qq.com/debug/wxadoc/dev/index.html?t=201828
将上图中的appid和appSecret,复制保存下来,appid可以每次登陆上述网页查看,但appSecret只有重置。建议appid和appSecret复制粘贴到一个txt文件中,以后经常会用到。利用appid就可以建立小程序了。
在这里到发送模板消息之间还需要学习,请自行补相关知识。
二、模板信息
以下网址是微信对模板信息的官方解释,
https://mp.weixin.qq.com/debug/wxadoc/dev/api/notice.html。
2.1模板发送条件
1、 支付:当用户在小程序内完成过支付行为,可允许开发者向用户在7天内推送有限条数的模板消息(1次支付可下发1条,多次支付下发条数独立,互相不影响)
2、提交表单:当用户在小程序内发生过提交表单行为且该表单声明为要发模板消息的,开发者需要向用户提供服务时,可允许开发者向用户在7天内推送有限条数的模板消息(1次提交表单可下发1条,多次提交下发条数独立,相互不影响)
2.2主要步骤为以下三条
步骤1
主要是保存模板ID,建议和appid一样,复制粘贴到txt文件,保留以备后面使用
步骤2.就是满足模板信息发送的两个条件之一。这里用表单作为示例。
<formbindsubmit="formSubmit"report-submit='true'> //主要是这行代码要有
<!-- <buttonform-type='submit'>submit</button> -->
<viewclass="weui-dialog__btnweui-dialog__btn_default"bindtap="noneWindows">取消</view>
<buttonloading="{{loading}}"class="weui-dialog__btnweui-dialog__btn_primary"formType="submit">提交</button> //然后在有个按钮就行了
</view>
</form>
<buttontype='primary'bindtap='zhuce'>注册</button> //用来获取openid的按钮,openid的内容后续会讲解
步骤3 模板信息的发送
按照教程转到发送模板消息
2.3 模板信息的发送
模板信息的发送分两步
2.3.1、获取token
access_token 是全局唯一接口调用凭据,开发者调用各接口时都需使用 access_token,请妥善保存。access_token 的存储至少要保留512个字符空间。access_token 的有效期目前为2个小时,需定时刷新,重复获取将导致上次获取的 access_token 失效。
公众平台的 API 调用所需的access_token 的使用及生成方式说明:
为了保密 appsecrect,第三方需要一个 access_token 获取和刷新的中控服务器。而其他业务逻辑服务器所使用的access_token 均来自于该中控服务器,不应该各自去刷新,否则会造成 access_token 覆盖而影响业务;
目前 access_token 的有效期通过返回的 expires_in 来传达,目前是7200秒之内的值。中控服务器需要根据这个有效时间提前去刷新新 access_token。在刷新过程中,中控服务器对外输出的依然是老access_token,此时公众平台后台会保证在刷新短时间内,新老 access_token 都可用,这保证了第三方业务的平滑过渡;
access_token 的有效时间可能会在未来有调整,所以中控服务器不仅需要内部定时主动刷新,还需要提供被动刷新 access_token 的接口,这样便于业务服务器在 API 调用获知 access_token 已超时的情况下,可以触发 access_token 的刷新流程。
开发者可以使用 AppID 和 AppSecret调用本接口来获取 access_token。AppID 和 AppSecret 可登录微信公众平台官网-设置-开发设置中获得(需要已经绑定成为开发者,且帐号没有异常状态)。AppSecret 生成后请自行保存,因为在公众平台每次生成查看都会导致 AppSecret 被重置。注意调用所有微信接口时均需使用 https 协议。如果第三方不使用中控服务器,而是选择各个业务逻辑点各自去刷新 access_token,那么就可能会产生冲突,导致服务不稳定。
2.3.2 发送模板消息
可以看到发送模板消息,需要首先获取用户的openid。
2.4 openid的获取
下面转到openid的获取
网上都说openid可以调用wx.login函数获取到code之后获取openid。下面网址是wx.login获取openid的官方介绍。
https://mp.weixin.qq.com/debug/wxadoc/dev/api/api-login.html#wxloginobject
如下图所示,利用接口地址获取到openid。
将上述地址利用wx.request访问时,在小程序中会报错,api.weixin.qq.com不在合法域名范围内等。在之前貌似可以直接通过在小程序后端添加合法域名就可以解决,如下图所示。网上教程大都这样解释。但是现在api.weixin.qq.com并添不进去。
但是大多数人都没有注意后面官方给出的登录时序图,从下图可以看出,上述接口地址是要通过第三方服务器访问微信服务器才能获得openid的。在小程序中不能直接访问,所以这就限制了没有服务器的开发者,比如我。那么怎么办呢,
三、模板消息解决办法
在这里可以选用Bmob的后端云服务器。
下面是Bmob的官方教程
https://docs.bmob.cn/data/wechatApp/b_developdoc/doc/index.html#小程序模板消息
要将上图中前四部规规矩矩的配置好,并试验添加一行数据可否正常运行已检验Bmob与小程序配置正常。
话不多说上代码
Wxml文件代码:
<formbindsubmit="formSubmit"report-submit='true'> //主要是这行代码要有
<!-- <buttonform-type='submit'>submit</button> -->
<viewclass="weui-dialog__btnweui-dialog__btn_default"bindtap="noneWindows">取消</view>
<buttonloading="{{loading}}"class="weui-dialog__btn weui-dialog__btn_primary"formType="submit">提交</button> //然后在有个按钮就行了
</view>
</form>
<buttontype='primary'bindtap='zhuce'>注册</button> //用来获取openid的按钮,openid的内容后续会讲解
Js代码:
var Bmob = require("../utils/bmob.js");
var common = require("../utils/common.js");//配置按照教程来
Bmob.initialize("这两个字符串教程里面有要保证是自己的不能复制别人的", "");
var openid;//储存openid
zhuce:function(){
wx.login({
success:function(res){
if (res.code) {
//发起网络请求
console.log(res.code)
Bmob.User.requestOpenId(res.code, {
success: function (result) {
that.setData({
loading: true,
url: result.openid
})
console.log(result.openid)
openid = result.openid
},
error: function (error) {
// Show the errormessage somewhere
console.log("Error:" + error.code + " " + error.message);
}
});
} else {
console.log('获取用户登录态失败!' + res.errMsg)
common.showTip('获取用户登录态失败!', 'loading');
}
}
})
}
formSubmit: function (e) {
var that = this
console.log(e.detail.formId)
var temp = {
"touser": openid, //
"template_id": "参数template_id为在微信公众号获取到的模板Id",
"page": "",//跳转界面不填就没有跳转
"form_id": e.detail.formId,
"data": {
"first": {
"value": "您好,Restful 失效,请登录控制台查看。",
"color": "#c00"
},
"keyword1": {
"value": "339208499",
"color": "#173177"
},
"keyword2": {
"value": "339208499",
"color": "#173177"
},
"keyword3": {
"value": "339208499",
"color": "#173177"
},
"remark": {
"value": "如果您十分钟内再次收到此信息,请及时处理。"
}
},
"emphasis_keyword": ""
}
console.log(temp)
Bmob.sendMessage(temp).then(function (obj) {
console.log('发送成功')
},
function (err) {
common.showTip('失败' + err)
console.log(err)
});
},
为什么能解决问题呢,主要是bmob服务器帮你把你服务器上的事完成了,bomb向微信服务器请求openid。注意要用手机调试运行。开发工具的模拟器获取到的formId是个模拟值。下面是我的运行情况
上述内容可能写的不够详尽,内容繁多,多多少少有些疏漏,若存在问题请在评论区评论,或者私戳我1583702011@qq.com
微信小程序模板发送,openid获取,以及api.weixin.qq.com不在合法域名内解决方法相关推荐
- 【微信小程序导入项目报错:[app.json文件内容错误]app.json未找到】解决方法
今天打开微信小程序导入一个项目时,控制台弹出下面的错误: 在第一级文件目录里确实找不到app.json文件,但是打开二级目录可以看到app.json.在网上看到大致有两种解决方法: 配置project ...
- 微信小程序app.js中获取用户信息以及为golbalData赋值的坑
代码如下: //app.js App({ globalData: { urlPath: "http://www.baidu.com//", //此处貌似必须填写搜索引擎的网址 ...
- 微信小程序运用云函数调用新闻类API
微信小程序运用云函数调用新闻类API 微信小程序运用云函数调用新闻类API 新闻列表的编写 云函数的编写 JS方法 wxml页面编写 wxss样式 最终效果截图 微信小程序运用云函数调用新闻类API ...
- 微信小程序之发送通知消息(通过openid推送消息给用户)
微信小程序之发送通知消息(通过openid推送消息给用户) 一.获取access_token access_token是接口调用的凭证,目前有效期为两个小时,需要定时刷新,重复获取将导致上次获取的ac ...
- PHP小程序接口的模板消息,微信小程序PHP 发送模板消息通知
注意: 首先,模板消息接口需写在后台服务器上.[追加!目前微信小程序 模板消息只能本人触发并发给本人.] 2018.4.9修改 :1次提交表单可下发1条,多次提交下发条数独立,相互不影响: 1次支付 ...
- 微信小程序模板消息群发、无限制推送相关讲解
模版消息推送是微信小程序采用的通知形式,用户本人在小程序页面有交互行为后,可触发下发通知,通过微信聊天列表中的服务通知可快捷进入查看消息.此外,点击查看详情还能跳转到下发消息的小程序的指定页面.但是为 ...
- 【转】微信小程序模板消息无限制群发
模版消息推送是微信小程序采用的通知形式, 用户本人在小程序页面有交互行为后,可触发下发通知 ,通过微信聊天列表中的服务通知可快捷进入查看消息.此外,点击查看详情还能跳转到下发消息的小程序的指定页面.但 ...
- 微信小程序模板消息无限制群发
模版消息推送是微信小程序采用的通知形式, 用户本人在小程序页面有交互行为后,可触发下发通知 ,通过微信聊天列表中的服务通知可快捷进入查看消息.此外,点击查看详情还能跳转到下发消息的小程序的指定页面.但 ...
- 微信小程序模板消息还能群发?无限制推送?
模版消息推送是微信小程序采用的通知形式,用户本人在小程序页面有交互行为后,可触发下发通知,通过微信聊天列表中的服务通知可快捷进入查看消息.此外,点击查看详情还能跳转到下发消息的小程序的指定页面.但是为 ...
最新文章
- Anaconda使用
- java基础-方法重载
- Java实现SSH模式加密
- 召回离线评估指标(二)
- 恢复Debian下root用户bash高亮显示
- Linux内核启动过程
- KMP扩展KMPManacher算法基础与习题(第二更)
- 光谱分辨率单位_遥感图像的空间分辨率,光谱分辨率,辐射分辨率,时间分辨率...
- 基于Java SpringBoot的电影院管理系统设计与实现毕业设计源码011633
- ueditor如何改变图片大小等比缩放
- PROE CREO 各类3D模型图档大全-8.2G
- Android 应用安装过程分析
- Keithley 26xxB双通道源表 FET测试软件 field-effct-transister
- 关于网络和Internet中出现系统错误的问题
- 条码打印机使用方法与选购指南
- 闻道系统服务器,闻道课堂录播系统
- 亚马逊产品视频制作与关联视频设置技巧分享
- 多媒体文件服务器,多媒体文件分类方法和服务器
- 一次“淘宝购物”引发出来对产品的思考
- 人生苦短_关于人生苦短的名言
热门文章
- (密码学实验)两种基本古典密码设计与实现—C语言—随机全排列应用
- MATLAB中多层网络的net.lw{i,j}和net.b{k}的含义
- 资深工程师带你了解IC工程师级别与薪资
- css特效开发,7款吸引人眼球的jQuery/CSS3特效实例分享
- 车架号查车辆信息-vin查车辆信息api接口
- 面试了近60个公司,我听懂了这些“潜台词”
- js获取当前时间及一小时后时间
- seo有什么特点优点,分享seo优化的7个好处
- 安卓 linux 信令,呼叫信令
- 龙芯3a5000下编译nginx源码