- 城市选择插件
预览图: [图片]
2018-09-21 - 想在小程序中快速部署富文本?这个插件让你一步搞定
继知晓云 SDK 小程序插件后,知晓云又发布了 wxParser 的小程序插件版本 wxParser-plugin,经过对 wxParser 进行一层封装后,解决了 wxParser 使用起来太过麻烦的问题。 使用 wxParser 并配合富文本编辑器,可以很方便地开发内容展示类小程序,使用知晓云富文本编辑器效果更佳,还可以将小程序中需要可配置的内容保存到知晓云内容库。例如「知晓课堂」小程序中的微信小程序开发课程便是使用 wxParser 配合知晓云内容库完成的。 [图片] wxParser 功能介绍 目前 wxParser 支持对一般的富文本内容包括标题、字体大小、对齐和列表等进行解析。同时也支持表格、代码块、图片和音视频等复杂富文本内容的解析。 以对在知晓云编写的富文本内容进行解析为例,进入到知晓云控制台,点击左侧内容菜单项,进入内容库管理面板,新建内容,即可看见富文本编辑器。编辑的内容(左)即经过 wxParser 解析后的样式(右)如下: [图片] 对图片和引用的解析 [图片] 对标题、加粗、斜体、下划线和删除线的解析 [图片] 对字体大小、列表、表格和代码块的解析 同时,配合知晓云的富文本编辑器,可以实现将图片和音视频资源上传到 CDN,使用知晓云的文件管理功能可以方便地对这些资源进行管理。wxParser 不仅仅可以解析一般的富文本内容,它也可以解析一些小程序特有的属性,如下,你可以配置视频的静音、自动播放等功能,也可以配置音频组件的海报等功能。 [图片] 当然,并非一定要使用知晓云的内容库才能使用 wxParser,例如你可以使用百度的 UEditor 富文本编辑器编写你的内容,然后将生成的 HTML 配置到 wxParser 即可。 [图片] 在小程序中使用 wxParser,你需要在项目中引入 wxParser JS 库,同时,需要在相应的 WXML、WXSS 和 JS 文件中引入 wxParser 的模板、样式文件和编写初始化代码,少了任何一步,程序都不能正常工作。 而在使用 wxParser 小程序插件后,不再需要引入 wxParser JS 库了,你可以像使用普通组件一样使用 wxParser,只需要对组件的属性进行配置即可,省去了引入多个库文件的操作。 那么具体如何操作呢?下面为大家简单介绍一下: 1. 在微信小程序管理后台,按 AppID (wx9d4d4ffa781ff3ac) 搜索到该插件,并点击添加,即可在代码中使用 wxParser-plugin 了。 [图片] 2. 在 app.json 中声明插件引入。version 表示目前插件版本为 0.1.0,provider 为该插件的 AppID,而 wxparserPlugin 为自定义的插件名称。 [代码]"plugins": { "wxparserPlugin": { "version": "0.1.0", "provider": "wx9d4d4ffa781ff3ac" } }[代码]3. 在需要使用到该插件的小程序页面的 JSON 配置文件中,做如下配置: [代码]{ "usingComponents": { "wxparser": "plugin://wxparserPlugin/wxparser" } }[代码]4. 设置你的富文本内容,定义为 [代码]richText[代码]: [代码]Page({ data: { richText: '<h1>Hello world!</h1>' } })[代码]然后在需要展示富文本内容的地方,使用 [代码]wxparser[代码] 组件,为 [代码]rich-text[代码] 属性赋值上你的富文本内容即可。 [代码]<wxparser rich-text="{{richText}}" />[代码]同时,插件也提供了 [代码]bind:tapImg[代码] 和 [代码]bind:tapImg[代码] 两个监听事件用于点击图片和链接时的自定义处理,详细使用可参考插件的文档。
2018-09-27 - 微信小程序短信插件云市场短信接口
云市场短信接口介绍本插件使用的是我们上架到云市场里面的短信接口:https://market.cloud.tencent.com/products/7303 各个小程序引用本插件后可以快速的实现短信发送功能,直接在腾讯云市场购买短信服务后即可调用插件接口发送短信。 本接口最大的优点是,接口调用对接方便,在腾讯云市场购买短信后直接报备短信模板即可使用。而且价格优惠不限制购买金额,可以根据自己网站的需要用多少购买多少。 欢迎各类小程序应用接入,接口简单,对接方便,审核快速,价格优惠,服务周到。联系QQ:320266360(微信同号)平台已经入驻腾讯云市场,量大优惠价格全网最低,欢迎推荐,推荐返点! 短信插件使用流程1.登录微信公众平台|小程序到 设置-第三方服务-插件管理-添加插件 输入:wx4718484ed6fb9393 搜索找到云市场短信接口插件并添加。 [图片] 2.在需要调用短信接口的小程序的app.json中增加本插件的引用。 [代码][代码][代码]{[代码][代码] [代码][代码]"plugins"[代码][代码]: {[代码][代码] [代码][代码]"qcloudsms"[代码][代码]: {[代码][代码] [代码][代码]"version"[代码][代码]: [代码][代码]"1.0.5"[代码][代码],[代码][代码] [代码][代码]"provider"[代码][代码]: [代码][代码]"wx4718484ed6fb9393"[代码][代码] [代码][代码]}[代码][代码] [代码][代码]}[代码][代码]}[代码][代码][代码] [图片] 3.到腾讯云市场 https://market.cloud.tencent.com/products/7303 购买短信服务,如果短信套餐使用完了腾讯云会提醒,然后再次购买即可。 [图片] 4.登录腾讯云到已购产品与服务 https://console.cloud.tencent.com/servicemarket/services 点管理查看SecretId和SecretKey。 [图片] [图片] 5.在小程序需要发送短信的地方引用插件调用插件方法发送短信,传入四个参数secretid, secretkey, mobile, content 其中secretid和secretkey是在腾讯云市场-已购产品与服务中查看,mobile是要发送短信的手机号码,content是要发送的短信内容,调用成功与失败分别对应两个回调函数success和fail。 [图片] [图片] 6.如果想调试最简单调用直接,复制下面代码到Page onLoad里面调用发送短信方法,函数返回输出OK表示短信发送成功,注意修改secretid和secretkey为你自己在腾讯云市场购买服务的SecretId和SecretKey。 [代码]var[代码] [代码]mobile = [代码][代码]'13333333333'[代码][代码]var[代码] [代码]smscode = [代码][代码]'110426'[代码][代码]var[代码] [代码]plugin = requirePlugin([代码][代码]"qcloudsms"[代码][代码])[代码] [代码]plugin.sendSMS([代码][代码] [代码][代码]{[代码][代码] [代码][代码]secretid: [代码][代码]'你的secretid'[代码][代码],[代码][代码] [代码][代码]secretkey: [代码][代码]'你的secretkey'[代码][代码],[代码][代码] [代码][代码]mobile: mobile,[代码][代码] [代码][代码]content: [代码][代码]'您的手机号:'[代码] [代码]+ mobile + [代码][代码]',验证码:'[代码] [代码]+ smscode + [代码][代码]',请及时完成验证,如不是本人操作请忽略。【腾讯云市场】'[代码][代码] [代码][代码]},[代码] [代码] [代码][代码]function[代码] [代码]success(res) {[代码][代码] [代码][代码]if[代码] [代码](res.data.message) {[代码][代码] [代码][代码]console.log(res.data.message)[代码][代码] [代码][代码]} [代码][代码]else[代码] [代码]if[代码] [代码](res.data.result >= 0) {[代码][代码] [代码][代码]console.log(res.data.errmsg)[代码][代码] [代码][代码]} [代码][代码]else[代码] [代码]{[代码][代码] [代码][代码]console.log(res.data.errmsg)[代码][代码] [代码][代码]}[代码][代码] [代码][代码]},[代码] [代码] [代码][代码]function[代码] [代码]fail(err) {[代码][代码] [代码][代码]console.log(err.errMsg)[代码][代码] [代码][代码]}[代码][代码])[代码] [图片] 7.如需发送正式短信内容请到模板报备地址:https://api.chanyoo.net/qcloud/template.html 报备您的模板。 代码片段:wechatide://minicode/ajwpOcmR7Y3r 调试代码片段请先登录自己的微信小程序控制台添加这个短信插件,然后导入这个代码片段链接,存放选择一个空目录,输入刚才添加短信插件的小程序的AppID。如果不这样操作就无法调试成功,因为微信小程序插件需要判断使用权限的小程序没有添加这个插件是无法使用插件发送短信的。 云函数调用:https://developers.weixin.qq.com/community/develop/doc/000c02306f8508e91587c236d5b804 [图片] 微信小程序添加并引用本短信插件可以快速实现短信发送功能,大大提高小程序的开发效率,如有任何问题可以联系QQ:320266360(微信同号)协助您解决相关问题! [图片]
2019-01-06