详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能


Posted in Javascript onDecember 23, 2016

微信小程序在12月21日发布了新版本的开发工具,并在官网公布新增分享、模板消息、客服消息、扫一扫、带参数二维码功能。

有了分享功能,相信会给很多创业者带来了无限的可能性!

下面就来看看这些新功能到底怎么用吧!

1、分享

可以分享小程序的任何一个页面给好友或群聊。注意是分享给好友或群聊,并没有分享到朋友圈。一方面微信在尝试流量分发方式,但同时又不愿意开放最大的流量入口。

开发文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/share.html?t=20161221

示例代码:

Page({

  onShareAppMessage: function () {

    return {

      title: '自定义分享标题',

      desc: '自定义分享描述',

      path: '/page/user?id=123'

    }

  }

})

详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能

如上图,在页面的右上角有三个小点,点击后如果添加了分享消息响应函数,就可以对页面进行分享了。

2、模板消息

商户可以将模板消息发送给接受过服务的用户,用户接受一次服务,七天内可以收到一条模板消息。

开发文档:https://mp.weixin.qq.com/debug/wxadoc/dev/api/notice.html?t=20161221

详解微信小程序开发—你期待的分享功能来了,微信小程序序新增5大功能

3、客服消息

用户可以在小程序内联系客服,支持文字和图片。商户可以在48小时内回复用户。

https://mp.weixin.qq.com/debug/wxadoc/dev/api/custommsg/receive.html?t=20161221

下面为添加客服按钮组件的代码:

<contact-button type="default-dark" size="20" session-from="weapp"></contact-button>

4、扫一扫

用户可以在小程序中使用扫一扫。

https://mp.weixin.qq.com/debug/wxadoc/dev/api/scancode.html?t=20161221

wx.scanCode({

  success: function(res){

    console.log(res);

  },

  fail: function() {

    // fail

  },

  complete: function() {

    // complete

  }

})

5、带参数的二维码

支持在开发者工具中生成带参数的二维码,用户扫码后,可以打开小程序的不同页面。

除此之外,微信还更新和修复了100个功能及bug。具体请参看官方开发文档。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
多个iframe自动调整大小的问题
Sep 18 Javascript
鼠标经过的文本框textbox变色
May 21 Javascript
node.js中的fs.createReadStream方法使用说明
Dec 17 Javascript
JS 60秒后重新发送验证码的实例讲解
Jul 26 Javascript
angular.extend方法的具体使用
Sep 14 Javascript
node.js基于fs模块对系统文件及目录进行读写操作的方法详解
Nov 10 Javascript
jQuery实现每隔一段时间自动更换样式的方法分析
May 03 jQuery
浅谈vue3中effect与computed的亲密关系
Oct 10 Javascript
深入理解 TypeScript Reflect Metadata
Dec 12 Javascript
Vue跨域请求问题解决方案过程解析
Aug 07 Javascript
如何编写一个 Webpack Loader的实现
Oct 18 Javascript
JavaScript 防抖和节流遇见的奇怪问题及解决
Nov 20 Javascript
JavaScript用构造函数如何获取变量的类型名
Dec 23 #Javascript
JS中with的替代方法与String中的正则方法详解
Dec 23 #Javascript
Bootstrap源码解读排版(1)
Dec 23 #Javascript
简单实现JS倒计时效果
Dec 23 #Javascript
Bootstrap源码解读下拉菜单(4)
Dec 23 #Javascript
jquery dataview数据视图插件使用方法
Dec 23 #Javascript
基于vue的下拉刷新指令和滚动刷新指令
Dec 23 #Javascript
You might like
隐性调用php程序的方法
2009/03/09 PHP
浅谈PHP中的面向对象OOP中的魔术方法
2017/06/12 PHP
JavaScript 指导方针
2007/04/05 Javascript
用jQuery中的ajax分页实现代码
2011/09/20 Javascript
基于jquery封装的一个js分页
2011/11/15 Javascript
Extjs改变树节点的勾选状态点击按钮将复选框去掉
2013/11/14 Javascript
js 事件截取enter按键页面提交事件示例代码
2014/03/04 Javascript
JavaScript异步回调的Promise模式封装实例
2014/06/07 Javascript
js点击选择文本的方法
2015/02/09 Javascript
jquery.validate 自定义验证方法及validate相关参数
2016/01/18 Javascript
Webwork 实现文件上传下载代码详解
2016/02/02 Javascript
网页瀑布流布局jQuery实现代码
2016/10/21 Javascript
基于JavaScript实现数码时钟效果
2020/03/30 Javascript
JS基于正则表达式实现的密码强度验证功能示例
2017/09/21 Javascript
Bootstrap模态对话框用法简单示例
2018/08/31 Javascript
vue单页缓存存在的问题及解决方案(小结)
2018/09/25 Javascript
highCharts提示框中显示当前时间的方法
2019/01/18 Javascript
JavaScript变量作用域及内存问题实例分析
2019/06/10 Javascript
layer弹出层自适应高度,垂直水平居中的实现
2019/09/16 Javascript
关于vue表单提交防双/多击的例子
2019/10/31 Javascript
python字符串连接方式汇总
2014/08/21 Python
Python的批量远程管理和部署工具Fabric用法实例
2015/01/23 Python
python通过BF算法实现关键词匹配的方法
2015/03/13 Python
在Python中使用HTML模版的教程
2015/04/29 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
OpenCV3.0+Python3.6实现特定颜色的物体追踪
2019/07/23 Python
Python命名空间namespace及作用域原理解析
2020/06/05 Python
简述python Scrapy框架
2020/08/17 Python
联想墨西哥官方网站:Lenovo墨西哥
2016/08/17 全球购物
巴西在线鞋店:Shoestock
2017/10/28 全球购物
小学生综合素质评语
2014/04/23 职场文书
工地标语大全
2014/06/18 职场文书
道路施工安全责任书
2014/07/24 职场文书
港澳通行证委托书怎么写
2014/08/02 职场文书
白酒营销策划方案
2014/08/17 职场文书
电力企业职工培训心得体会
2016/01/11 职场文书