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

微信开发者工具最新的版本里面已经校验了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 条评论
登录 后参与评论

相关文章

来自专栏听雨堂

Uploadify的一点总结

网上找到例子版本较老,在vs2005下不能用,但基本上新建一个页面,把js代码复制过来即可 用的jquery是1.23,但用1.4也没有问题 处理页面是Uplo...

1807
来自专栏ytkah

公众号群发文章支持添加小程序

微信小程序深夜凌晨放大招,公众号群发文章支持添加小程序,以下是微信公众平台的公告:为了方便用户在阅读文章时使用公众号提供的服务,公众号群发文章支持添加小程序。 ...

33410
来自专栏dotnet core相关

win8 notepad++ 设置无法保存

前些天买了新笔记本。装的是win8 ,后来装了notepad++ ,最新版的,改了字体,下次从新打开之后,发现字体改动无效。后来试了一下“管理员身份运行”,再次...

933
来自专栏猛牛哥的博客

解决sendmail启动慢和发邮件慢的问题

1472
来自专栏编程微刊

微信小程序从零开始开发步骤(四)自定义分享的功能

1284
来自专栏企鹅号快讯

基于 Swoole 的微信扫码登录

随着微信的普及,扫码登录方式越来越被现在的应用所使用。它因为不用去记住密码,只要有微信号即可方便快捷登录。微信的开放平台原生就有支持扫码登录的功能,不过大部分人...

2209
来自专栏.NET开发那点事

Fisrt Node-Webkit App

1.什么是Node-Webkit 基于node.js和chromium的应用程序实时运行环境,可运行通过HTML(5)、CSS(3)、Javascript来编写...

1915
来自专栏python3

python导入模块--import--2

在跟之前test_import_color_print.py同级目录下创建testimport.py文件,不然导模块会有问题

712
来自专栏Angular&服务

Angular2 项目结构解释

633
来自专栏web编程技术分享

Eclipse报错,unable to install breakpoint in ...

2765

扫描关注云+社区