你真的了解小程序的自定义编译功能嘛?

微信开发者工具最新的版本里面已经校验了app.json里面的重复pages,之前可以直接把你想要的page放在第一行,默认就会先加载这个page,现在只能通过自定义编译来实现了,先来看一下自定义编译:

默认是普通编译,场景值是1001,会读取app.json里面配置的pages第一行配置,你可以在这里点击添加编译模式。

我列举两个场景,来说明如何使用自定义编译~

一、模拟用户识别图中小程序码

小程序开发工具也有自己的限制,它没办法真实的扫描二维码,没办法识别二维码,也没办法分享到指定的群,这些都只能用开发工具来模拟场景值实现。

我们先来看一下常见的场景值:

由上面可以看出,场景值为1012时,表明是长按图片识别二维码后的效果,下面我就来创建一个识别图片二维码的自定义编译,如下:

启动参数:设置识别二维码后需要给页面传的值。

OK,设置完成后,可以点击一下“编译”按钮,就会直接出现设置好的页面了~

二、模拟用户分享到群并获取群ID

小程序文档提供了获取群ID的功能,大致的思路是,在App.onLunch 或者App.onShow中获取shareTicket,然后再调用wx.getShareInfo()来获取加密后的群ID(encryptedData)和加密初始向量(iv),把这两个值传给服务端解密即可获取微信群的唯一ID~

微信群中的分享小程序后,开发工具是没办法去微信群中点击进入的,我们可以来创建一个获取shareTicket的自定义编译:

选择进入的群:小程序官方提供的9个测试用的群,选择其中的一个。

点击编译按钮,你就可以在App.onShow()中获取到shareTicket:

App({
  onLaunch: function (ops) {
  },
  onShow: function (ops) {
    this.shareTicket == '';
    if (ops.scene == 1044) {
      this.shareTicket = ops.shareTicket ? ops.shareTicket : '';
    }
  },
  globalData: {
    host: 'https://test.com',
  }
})

然后在index.js中去调用wx.getShareInfo(),我就不详细说了~

如果你还想根据微信群ID来显示群名称,也是可以的,方法如下:

<open-data type="groupName" open-gid="xxxxxx"></open-data>

上面的标签,唯一能变的就是open-gid,传入你获取到的群id,即可,标签名称和type值,都不能改变,否则获取不到群名称~

截个图来看一下显示群名称的效果:

原文发布于微信公众号 - 知晓程序员(bainaweb)

原文发表时间:2017-09-06

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏PHP在线

HTTP/2 服务器推送(Server Push)

HTTP/2 协议的主要目的是提高网页性能。 头信息(header)原来是直接传输文本,现在是压缩后传输。原来是同一个 TCP 连接里面,上一个回应(respo...

36660
来自专栏王大锤

xcode插件安装

23540
来自专栏贾老师の博客

跨平台命令行抓包工具 gaze 介绍

16920
来自专栏雪胖纸的玩蛇日常

老男孩Python全栈开发(92天全)视频教程 自学笔记09

23770
来自专栏小狼的世界

ZendStudio中设置SVN:ignore

使用ZendStudio开发SVN中的代码时,经常容易将 .project、.settings、.buildpath 这类的zend的工程文件提交上去,非常麻烦...

8220
来自专栏从零开始学自动化测试

Fiddler抓包3-查看get与post请求

前言 前面两篇关于Fiddler抓包的一些基本配置,配置完之后就可以抓到我们想要的数据了,接下来就是如何去分析这些数据。 本篇以博客园的请求为例,简单分析get...

42260
来自专栏学海无涯

iOS开发之使用Git的基本使用(二)

通过前文iOS开发之使用Git的基本使用(一)的学习,相信大家对如何将iOS项目通过Git传到GitHub账户上有了一个基本的了解,其过程是相对繁琐和容易出错的...

7320
来自专栏知晓程序

开发 | 拒绝打开就授权!小程序如何用新能力获取用户资料?

简单来说,这次能力更新,为 button 组件的 open-type 属性赋予了新的有效值 getUserInfo(声明需要获取用户信息)。

34630
来自专栏一“技”之长

使用Express快速搭建前端项目框架 原

    Express是基于Node.js的前端Web开发框架,使用其可以简洁快速的创建健壮友好的API服务。在前端或移动端的开发过程中,可以借助Express...

12110
来自专栏程序员的知识天地

Vue开发环境搭建全过程,一步一个坑

Vue这里就不多作介绍了,首先我们要安装好整个开发环境,其实Windows和Mac的整个过程基本一样

29810

扫码关注云+社区

领取腾讯云代金券