
easywechat小程序是一款基于微信开发的框架,它提供了一系列的API接口,可以方便快捷地实现小程序的开发。其中,发送统一消息是其中一个重要的功能。通过发送统一消息,我们可以在小程序中向用户进行推送消息,如订单状态更新、促销活动等信息。
具体实现步骤如下:
1 配置小程序的模板消息
在easywechat小程序中,我们需要先配置小程序的模板消息。可以在公众号管理平台中,找到“模板消息”菜单进行设置。设置完成后,我们可以获得对应的模板ID。
2 获取easywechat实例
在程序中获取easywechat实例,通过该实例进行发送消息的 *** 作。代码如下:
```
use EasyWeChat\Factory;
$config = [
'app_id' => 'your-app-id',
'secret' => 'your-app-secret',
'response_type' => 'array',
'log' => [
'level' => 'debug',
'file' => '/tmp/easywechatlog',
],
];
$app = Factory::miniProgram($config);
```
3 设置消息模板变量
在发送消息前,我们需要设置消息模板中变量的值。例如,我们可以设置订单号、订单状态等变量。代码如下:
```
$data = [
'keyword1' => '订单号:123456',
'keyword2' => '订单状态:已发货',
];
```
4 发送统一消息
最后,我们可以使用easywechat实例中的模板消息API,发送统一消息。代码如下:
```
$result = $app->template_message->send([
'touser' => 'open-id',
'template_id' => 'your-template-id',
'page' => 'pages/index/index',
'form_id' => 'your-form-id',
'data' => $data,
]);
```
其中,需要填写的参数有:
- touser: 接收消息的用户的openid
- template_id: 消息模板ID
- page: 点击消息后跳转的小程序页面路径
- form_id: 表单提交场景下,form_id用于发送模板消息
- data: 消息模板变量的值
以上就是easywechat小程序如何发送统一消息的详细解答,希望对您有所帮助。
原理(个人理解):
- 利用了微信小程序中的<template"/>标签
- 在模板wxml中已经按照正常html文档的格式,将wxml中的<template"/>扩展,达到解析html的效果
- 都是小程序不能插入dom的锅
基本使用方法:
1 Copy文件夹wxParse
- wxParse/
-wxParsejs(必须存在)
-html2jsonjs(必须存在)
-htmlparserjs(必须存在)
-showdownjs(必须存在)
-wxDiscodejs(必须存在)
-wxParsewxml(必须存在)
-wxParsewxss(必须存在)
-emojis(可选)
2 引入必要文件
//在使用的View中引入WxParse模块
var WxParse = require('//wxParse/wxParsejs');
//在使用的Wxss中引入WxParsecss,可以在appwxss
@import "/wxParse/wxParsewxss";
3 数据绑定
var article = '<div>我是HTML代码</div>';
/
WxParsewxParse(bindName , type, data, target,imagePadding)
1bindName绑定的数据名(必填)
2type可以为html或者md(必填)
3data为传入的具体数据(必填)
4target为Page对象,一般为this(必填)
5imagePadding为当自适应是左右的单一padding(默认为0,可选)
/
var that = this;
WxParsewxParse('article', 'html', article, that,5);
4 模版引用
//这里data中article为bindName
<template is="wxParse" data="{{wxParseData:articlenodes}}"/>
html铺满整个页面
html铺满整个页面_小程序富文本(HTML+MarkDown),200+种语言代码高亮支持
蓝丨飘
原创
关注
0点赞·164人阅读
介绍
今天为大家带来的是一个用于在微信小程序中渲染html和Markdown的富文本组件,而且支持代码高亮,它就是html2wxml!
Github
>
扩展运算符
对象
<template is="objectCombine" data="{{for: a, bar: b}}"></template>
Page({
data: {
a: 1,
b: 2
}
})
最终组合成的对象是 {for: 1, bar: 2}
也可以用扩展运算符 来将一个对象展开
<template is="objectCombine" data="{{obj1, obj2, e: 5}}"></template>
Page({
data: {
obj1: {
a: 1,
b: 2
},
obj2: {
c: 3,
d: 4
}
}
})
最终组合成的对象是 {a: 1, b: 2, c: 3, d: 4, e: 5}。
如果对象的 key 和 value 相同,也可以间接地表达。
<template is="objectCombine" data="{{foo, bar}}"></template>
Page({
data: {
foo: 'my-foo',
bar: 'my-bar'
}
})
最终组合成的对象是 {foo: 'my-foo', bar:'my-bar'}。
注意:上述方式可以随意组合,但是如有存在变量名相同的情况,后边的会覆盖前面,如:
<template is="objectCombine" data="{{obj1, obj2, a, c: 6}}"></template>
Page({
data: {
obj1: {
a: 1,
b: 2
},
obj2: {
b: 3,
c: 4
},
a: 5
}
})
最终组合成的对象是 {a: 5, b: 3, c: 6}。
以上就是关于easywechat小程序如何发送统一消息全部的内容,包括:easywechat小程序如何发送统一消息、var wxparse = require;怎么调用不成功、小程序引入html全屏等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)