zoukankan      html  css  js  c++  java
  • 微信小程序从零开始开发步骤(四)

    上一章节,实现了小程序的底部导航的功能,这一节开始实现一些简单的功能。本章节介绍的是小程序的自定义分享的功能。

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

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


    实现步骤很简单

    在index/index.js里面添加了一段自定义分享的代码如下, path: '/page/index?id=123',实现了index首页页面的分享功能

    示例代码:
    Page({
     
      onShareAppMessage: function () {
     
        return {
     
          title: '自定义分享标题',
     
          desc: '自定义分享描述',
     
          path: '/page/index?id=123'
     
        }
     
      }
     
    })
    

    解释一下意思:

    Page()中加上如下代码后在右上角意思
    title:分享的标题.
    desc:分享一段描述.
    path:这个参数以前在微信中的分享一般都是url.这里pages/index?id=123是在首页页面设置分享的意思。



    下一章:微信小程序从零开始开发步骤(五)简单的轮播图

    原理:

    在 Page 中定义 onShareAppMessage 函数,设置该页面的转发信息。

    1:只有定义了此事件处理函数,右上角菜单才会显示 “转发” 按钮:
    2:用户点击转发按钮的时候会调用:
    3:此事件需要 return 一个 Object,用于自定义转发内容

    文末福利:

    福利一:前端,Java,产品经理,微信小程序,Python等资源合集大放送:https://www.jianshu.com/p/e8197d4d9880
    福利二:微信小程序入门与实战全套详细视频教程:https://www.jianshu.com/p/e8197d4d9880



    领取方式:
    如果需要学习视频,欢迎关注 【编程微刊】微信公众号,回复【领取资源】一键领取以下所有干货资源,获取更多有用技术干货、文档资料。所有文档会持续更新,欢迎关注一起成长!

    原文作者:祈澈姑娘
    原文链接:https://www.jianshu.com/u/05f416aefbe1
    创作不易,转载请告知

    90后前端妹子,爱编程,爱运营,爱折腾。
    坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。

  • 相关阅读:
    linux格式化新硬盘并挂载,设置开机自动挂载
    各大名企的笔试面试题
    web2.0 Color
    选调生面试题
    网站流量概要分析
    css下拉菜单演示
    子查询
    技巧
    CMM与软件生命周期
    学习方法之PHP
  • 原文地址:https://www.cnblogs.com/ting6/p/9725687.html
Copyright © 2011-2022 走看看