初识小程序-转发/分享/获取手机号/客服功能

34 阅读3分钟

转发功能

转发功能,主要帮助客户更流畅地与好友分享内容和服务,实现转发功能的两种方式:

  1. 页面Js文件必须声明onShareAppMessage事件监听函数,并自定义转发内容。只有定义了此事件处理函数,右上角才会显示转发按钮
Page({
  // 监听页面按钮的转发 以及 右上角转发按钮
  onShareAppMessage(e){
    return {
      title:"这是一个神奇的页面",
      path:"/pages/day1/day1", // 当前页面转发的路径
      imageUrl:"", // 自定义图片的路径
    }
  },
  1. 通过给button组件设置属性open-type="share",可以在用户点击按钮后触发onShareAppMessage事件监听函数,处理业务逻辑
 <button type="primary"  open-type="share" >转发</button>

分享到朋友圈

实现分享到朋友圈需要满足两个条件:

  1. 页面必须设置允许发送给朋友,页面js文件声明onShareAppMessage时间监听函数
  2. 页面必须设置允许分享到朋友圈,页面js文件声明onShareTimeline事件监听函数
Page({
  // 监听页面按钮的转发 以及 右上角转发按钮
  onShareAppMessage(e){
    return {
      title:"这是一个神奇的页面",
      path:"/pages/day1/day1", // 当前页面转发的路径
      imageUrl:"", // 自定义图片的路径
    }
  },
  // 监听分享到朋友圈按钮
  onShareTimeline(){
   return {
     title:"分享~~~~~~",
     query:"id=1", // 分享页面携带的参数
     imageUrl:"", // 自定义图片路径
   }
  },

分享到朋友圈需要上传到体验版测试,分享有有开发测试权限的可以查看分享的页面

手机号验证组件

用户开发者向用户发起手机号申请,必须经过用户同意后,才能获得平台验证后的手机号,手机号验证组件分为两种:

  1. 手机号快速验证组件:平台会对号码验证,但不保证实时性
 <button 
     type="primary"  
     open-type="getPhoneNumber" 
     bindgetphonenumber="getPhoneNumber"
 >
     手机号
 </button>
  getPhoneNumber(e){
   // 通过事件对象e.detail 中可以获取到code
   // code 动态令牌,可以使用code换取用户的手机号
   // 需要将code发送给后端
   // 后端接收到code后,也需要调用API,换取用户真正手机号返回给前端
  },
  1. 手机号实时验证组件:在每次请求时,平台会对用户选择的手机号进行实时验证
 <button 
  type="primary"  
  open-type="getRealtimePhoneNumber" 
  bindgetrealtimephonenumber="getRealtimePhoneNumber"
 >
  手机号
 </button>
  getRealtimePhoneNumber(){
   // 通过事件对象e.detail 中可以获取到code
   // code 动态令牌,可以使用code换取用户的手机号
   // 需要将code发送给后端
   // 后端接收到code后,也需要调用API,换取用户真正手机号返回给前端
  },

注意:

  1. 目前该接口针对非个人,且完成认证的小程序开放(不包含海外主体)
  2. 两种验证组件需要付费使用,每个账号有1000次体验额度

客服功能

小程序为开发者提供了客服能力,同时为客服人员提供移动端、网页端客服工作台便于及时处理消息,使用方式:

  1. 需要将button组件open-type设置为contact,当用户点击后会进入客服会话
  2. 在微信公众后台,绑定后的客服账号,可以登录网页端客服 或 移动端小程序客服接收、发送客服消息

配置: 进入微信公众平台:mp.weixin.qq.com/wxamp/wakf?… 进入小程序客服:功能->客服->小程序客服->添加客服

image.png

image.png 点击网页端客服,进入客服后台,点击接入,就可以回复消息 image.png