详解微信小程序开发—你期待的分享功能来了,微信小程序序新增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 相关文章推荐
轻轻松松学习JavaScript
Feb 25 Javascript
客户端 使用XML DOM加载json数据的方法
Sep 28 Javascript
JS继承--原型链继承和类式继承
Apr 08 Javascript
js获得指定控件输入光标的坐标兼容IE,Chrome,火狐等多种主流浏览器
May 21 Javascript
js 弹出框只弹一次(二次修改之后的)
Nov 26 Javascript
Javascript中封装window.open解决不兼容问题
Sep 28 Javascript
Angularjs 滚动加载更多数据
Mar 17 Javascript
Bootstrap select实现下拉框多选效果
Dec 23 Javascript
mui开发中获取单选按钮、复选框的值(实例讲解)
Jul 24 Javascript
浅谈在fetch方法中添加header后遇到的预检请求问题
Aug 31 Javascript
记一次webpack3升级webpack4的踩坑经历
Jun 12 Javascript
angular4笔记系列之内置指令小结
Nov 09 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
ajax+php打造进度条代码[readyState各状态说明]
2010/04/12 PHP
Linux中用PHP判断程序运行状态的2个方法
2014/05/04 PHP
PHP针对多用户实现更换头像功能
2016/09/04 PHP
magento后台无法登录解决办法的两种方法
2016/12/09 PHP
JavaScript 编写匿名函数的几种方法
2010/02/21 Javascript
Javascript中的window.event.keyCode使用介绍
2011/04/26 Javascript
java和javascript获取word文档的书签位置对比
2014/06/19 Javascript
Windows下用PyCharm和Visual Studio开始Python编程
2015/10/26 Javascript
jQuery拖动元素并对元素进行重新排序
2015/12/30 Javascript
Jquery实现纵向横向菜单
2016/01/24 Javascript
nodejs实现的简单web服务器功能示例
2018/03/15 NodeJs
vue嵌套路由与404重定向实现方法分析
2018/05/04 Javascript
在angularJs中进行数据遍历的2种方法
2018/10/08 Javascript
JS字典Dictionary类定义与用法示例
2019/02/01 Javascript
微信小程序 调用微信授权窗口相关问题解决
2019/07/25 Javascript
微信小程序与公众号实现数据互通的方法
2019/07/25 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
[03:40]DOTA2亚洲邀请赛小组赛第二日 赛事回顾
2015/01/31 DOTA
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
Python request设置HTTPS代理代码解析
2018/02/12 Python
python3射线法判断点是否在多边形内
2019/06/28 Python
python 返回一个列表中第二大的数方法
2019/07/09 Python
Python 转换RGB颜色值的示例代码
2019/10/13 Python
Django 框架模型操作入门教程
2019/11/05 Python
Pytorch中.new()的作用详解
2020/02/18 Python
python--shutil移动文件到另一个路径的操作
2020/07/13 Python
python计算auc的方法
2020/09/09 Python
马来西亚最大的在线隐形眼镜商店:MrLens
2019/03/27 全球购物
产品工艺师的岗位职责
2013/11/15 职场文书
自考生自我评价分享
2014/01/18 职场文书
八年级数学教学反思
2014/01/31 职场文书
《秋姑娘的信》教学反思
2014/02/28 职场文书
推荐信怎么写
2014/05/09 职场文书
超市仓管员岗位职责范本
2014/09/18 职场文书
会议欢迎词
2015/01/23 职场文书
2015社区爱国卫生工作总结
2015/04/21 职场文书