小程序模板详解

在开发小程序的时候，模板会让开发非常方便，所以小编给大家带来了一个小程序模板的详细讲解，希望大家看完能得到一些经验。

获取模板id。如果没有合适的模板，可以申请添加新的模板，小程序审批通过后就可以使用了。有关详细信息，请参见模板批准说明

当页面组件的属性report-submit为真时，可以声明为要发送的模板消息。此时，单击按钮提交表单以获取发送模板消息的formid。或者当用户完成支付行为时，他可以获得用于发送模板消息的预付费_id。

小程序调用接口描述

1.获取访问令牌

access_token是全局唯*的接口调用凭据，开发者在调用每个接口时都需要用到access_token，请妥善保管。至少应保留512个字符空间用于存储access_token。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，那么可能会发生冲突，导致服务不稳定。

一般情况下，微信会将以下json数据包返回给开发者：返回参数描述：

1 { ' access _ token ' : ' access _ token '，' expires_in': 7200}

{'errcode' : 40013，' errmsg' :' invalid appid'}微信出错时会返回错误代码等信息。json数据包如下(这个例子是无效的appid错误):

2.发送模板消息

接口地址：(access_token需要用上面得到的access_token替换)

http请求方法： post

例如：

{

用户' : 'openid '，模板_id': '模板_id '，页面' : '索引'，form_id': 'formid '，数据' : {

keyword1': {

值' : '339208499 '，颜色' : '#173177 '

},

keyword2': {

数值' : '2021年1月5日，12:30 '，颜色' : '#173177 '

},

keyword3': {

价值' : '广东喜来登酒店'，颜色' : '#173177 '

} ,

keyword4': {

价值' : '广州市天河区天河路208号'，颜色' : '#173177 '

}

},

emphasis _ keyword ' : ' keyword 1 . data '

}

返回代码的描述：

调用模板消息接口后，返回一个json包。

正常情况下返回的json数据包示例：

{

错误代码' : 0，errmsg': 'ok '，}

问题条件描述

小额项目支付

当用户在小程序中完成支付行为后，可以允许开发者在7天内向用户推送有限数量的模板消息(可以发出一次支付，多次支付的次数是独立的，互不影响)

提交表单

当用户在小程序中提交表单，表单声明要发送模板消息，开发人员需要向用户提供服务时，可以允许开发人员在7天内向用户推送有限数量的模板消息(一个表单可以分发一次，多次提交和分发的数量是独立的，互不影响)

模板消息坑填充指南：

当初模板消息是微信成功吊装支付后发出的。这时发现模板消息有时候好用，有时候不好用，错误是41028，form_id不正确，或者过期。询问了一些前辈知道有网络延迟，导致没有效果。使用计时器的发现，循环调用模板消息，并且

呼叫成功后停止计时器。

举个具体的例子：

var time=setinterval(函数{

tem//定期发起模板消息请求并检查

}, 5000)

功能项目{

var l=' https://api . weixin . qq.com/cgi-bin/message/wxopen/template/send？access _ token=access _ token

var g={

touser: openid，template_id: '应用程序的模板id '，页面： '模板输入页面'，表单_id:预付此付款的_id。//form_id只有在支付成功时才有值

数据： {

keyword1': {

值' :key1，color': '#4a4a4a '

},

keyword2': {

值' : key2，颜色' : '#9b9b9b '

},

keyword3': {

值' : key3，颜色' : '#9b9b9b '

},

keyword4': {

值' : key4，颜色' : '#9b9b9b '

},

keyword5': {

值' : key5，颜色' : '#172177 '

},

},

emphasis _ keyword:' keyword1。数据'//模板需要放大关键词

}

wx.request({

url: l，//

data: g，//模板数据

方法： '发布'，成功：功能(res) {

if (res.data.errcode==0) {

console . log(' success ')；

clearinterval(时间)；

}

console . log(res)；

//wx.showtoast({

//title: '订单支付成功'，//icon: '成功'，//duration: 1000

//})

},

fail:函数(err) {

//失败

console.log('push err ')

console . log(err)；

//测试

wx.showtoast({

title: err.errmsg，//'系统忙'

图标： '成功'，工期： 1000

})

},

完成：功能(res) {

console.log('项目-完成')

}

});

};

}

下面是题目的开头。切换微信小程序标签的具体说明在标题末尾

有许多不同类型的小程序选项卡，如小程序的顶部选项卡和小程序的底部选项卡。，小编想介绍一些关于微信小程序标签切换的信息。

如果开发者开发了微信小程序，可以通过hbuilder转换成流媒体应用。该功能目前处于内部阶段，开发者可以申请内部测试资质。

登录到hbuilder

开发者获得内部测试资格后，相应版本的hbuilder，注册开发者账号，登录。

创建新的移动应用程序(从微信小程序转换而来)

选择菜单[文件]-[新建]-[移动应用(由微信小程序转换而来)]

【完成】自动将微信小程序的源代码转换为移动app的代码。转换后的项目如下：

如果需要重新转换(hbuilder会自动记录创建时选中的微信小程序的源目录)，可以右键转换后的项目，选择【从小程序重新转换】

检查真实机器操作的效果

通过usb插入手机，如图，手机图标选择刚刚插入运行的手机

(hbuilder会自动连接手机。如果没有连接，请检查真实机器操作的常见问题。)

真实机器操作效果图

发布到流式应用服务器

打开manifest.json文件

配置applet的appid等基本信息，如下图所示：

标有小红十字的字段(标有红色方框)是必填项。appid是通过云来填写的。配置的渲染如下：

配置图标和启动图片。如果没有，默认设置为hbuilder默认图标和启动图片。建议配置成自己的。

保存manifest.json文件

选择菜单[发布]-[发布为流应用程序].]

选择提交测试，提交成功后会生成一个测试二维码，如下图：

要测试提交的流媒体应用程序，您可以通过流媒体库来扫描和测试二维码。

正式发布。第一次正式发布的时候，需要认证开发商资质。根据hbuilder的提示跳转到开发者中心即可完成认证流程。

人工修改

因为小程序转换器还处于内部测试阶段，有些功能还不完善。开发者转换后，需要实机测试检查效果；另外，微信登录和微信支付两个模块需要修改为plus登录和支付，参见