详解微信小程序开发—你期待的分享功能来了,微信小程序序新增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 相关文章推荐
js类中获取外部函数名的方法与代码
Sep 12 Javascript
Javascript 阻止javascript事件冒泡,获取控件ID值
Jun 27 Javascript
Jquery easyUI 更新行示例
Mar 06 Javascript
js实现的Easy Tabs选项卡用法实例
Sep 06 Javascript
js显示动态时间的方法详解
Aug 20 Javascript
利用BootStrap弹出二级对话框的简单实现方法
Sep 21 Javascript
JS中检测数据类型的几种方式及优缺点小结
Dec 12 Javascript
js 动态生成html 触发事件传参字符转义的实例
Feb 14 Javascript
ES6新特性之模块Module用法详解
Apr 01 Javascript
详解关于vue-area-linkage走过的坑
Jun 27 Javascript
JavaScript中引用vs复制示例详析
Dec 06 Javascript
JavaScript编码小技巧分享
Sep 17 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/05/04 PHP
php实现SAE上使用storage上传与下载文件的方法
2015/06/29 PHP
Zend Framework教程之Autoloading用法详解
2016/03/08 PHP
PHP获取链表中倒数第K个节点的方法
2018/01/18 PHP
基于jquery的超简单上下翻
2010/04/20 Javascript
简略的前端架构心得&amp;&amp;基于editor为例子的编码小技巧
2010/11/25 Javascript
下载文件个别浏览器文件名乱码解决办法
2013/03/19 Javascript
jquery()函数的三种语法介绍
2013/10/09 Javascript
Android中的jQuery:AQuery简介
2014/05/06 Javascript
jquery.map()方法的使用详解
2015/07/09 Javascript
解析浏览器端的AJAX缓存机制
2016/06/21 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
2016/12/20 Javascript
5分钟打造简易高效的webpack常用配置
2017/07/04 Javascript
JavaScript递归算法生成树形菜单
2017/08/15 Javascript
基于 Vue 实现一个酷炫的 menu插件
2017/11/14 Javascript
AngularJS 将再发布一个重要版本 然后进入长期支持阶段
2018/01/31 Javascript
angularjs下ng-repeat点击元素改变样式的实现方法
2018/09/12 Javascript
vue使用keep-alive实现组件切换时保存原组件数据方法
2020/10/30 Javascript
[03:59]5分钟带你了解什么是DOTA2(第二期)
2017/02/07 DOTA
Python基础篇之初识Python必看攻略
2016/06/23 Python
python游戏地图最短路径求解
2019/01/16 Python
python 将日期戳(五位数时间)转换为标准时间
2019/07/11 Python
python爬虫 模拟登录人人网过程解析
2019/07/31 Python
Python post请求实现代码实例
2020/02/28 Python
Keras 加载已经训练好的模型进行预测操作
2020/06/17 Python
使用CSS3代码绘制可爱的Hello Kitty猫
2016/08/03 HTML / CSS
Linux的主要特性
2014/10/06 面试题
几个Shell Script面试题
2012/08/31 面试题
毕业生的自我评价分享
2013/12/18 职场文书
《孔繁森》教学反思
2014/04/17 职场文书
2014年企业工会工作总结
2014/11/12 职场文书
2014年社区个人工作总结
2014/12/02 职场文书
2015年教师节感恩寄语
2015/03/23 职场文书
离职员工给领导和同事的感谢信
2015/11/03 职场文书
Golang中异常处理机制详解
2021/06/08 Golang
深入理解以DEBUG方式线程的底层运行原理
2021/06/21 Java/Android