2019-11-02 15:06:31 hbiao68 阅读数 102
  • 微信公众号开发8-营销开发-微信开发php

    微信公众平台开发之营销开发是子恒老师《微信公众平台开发》视频教程的第8部。详细讲解了用php开发微信,对微信公众平台中的营销功能开发。内容包含获取微信短网址,生成推广二维码,生成推广海报等等。欢迎反馈,微信/QQ:68183131

    11381 人正在学习 去看看 秦子恒

文章参考

  1. 微信小程序未发布 二维码图片如何扫描测试

问题描述

有个要识别二维码页面跳转的功能,想着怎么样模拟识别二维码呢,用开发工具扫描二维码应该不可能,如果是用手机扫,那么,怎么让手机跳转到我的开发代码中,而不是我发布的代码小程序中呢?

解决步骤

1.开发工具模拟扫描二维码进入小程序

通过二维码编译 启动小程序,然后运行的代码就是当前开发的代码

在这里插入图片描述

2. 在进入小程序的界面

传递的参数,特殊字符需要通过decodeURIComponent函数转码

// 获取扫描二维码传递过来的参数
onLoad(query) {
	console.log(query);
	// 传递的参数需要转码
	const scene = decodeURIComponent(query.scene);
	console.log(scene);
	this.qrcodeParam = scene;
},
2017-02-08 17:44:51 qingchen1016 阅读数 52657
  • 微信公众号开发8-营销开发-微信开发php

    微信公众平台开发之营销开发是子恒老师《微信公众平台开发》视频教程的第8部。详细讲解了用php开发微信,对微信公众平台中的营销功能开发。内容包含获取微信短网址,生成推广二维码,生成推广海报等等。欢迎反馈,微信/QQ:68183131

    11381 人正在学习 去看看 秦子恒

历经了一个月的时间,从开发到审核,我们的微信小程序终于在今天上线了,喜大普奔!

因为业务的需求,需要做出携带参数的 小程序指定页面的 二维码,通过微信扫一扫直接进入页面或者启动小程序的某项功能。
因为仅能生成已发布的 小程序二维码,所以才等到今天发布后,生成二维码并且测试完相关功能,才梳理出此贴。

准备工作

  1. 微信公众平台接口调试工具
  2. 小程序的唯一标识(appid)
  3. 小程序的密钥(secret)
  4. 火狐浏览器测试接口插件(RESTClient)如下图

    进入火狐浏览器——右上角——展开面板中的附加组件——在右上方的搜索框中输入 rest——找到RESTClient——安装——重启浏览器后在右上方点击图标即可进入
    如何找到该插件?

详细步骤


1.打开微信公众平台接口调试工具,在参数列表中输入小程序的appid和secret,点击检查问题,如果appid和secret正确,则可以返回正确的access_token结果(图中下方的红框)

获取access_token


2.打开之前安装好的RESTClient插件,
请求方式选择POST
URL一栏输入https://api.weixin.qq.com/cgi-bin/wxaapp/createwxaqrcode?access_token=(上一条中返回的access_token值)
Body中输入的格式为{“path”: “pages/index?query=1”, “width”: 430}的json字符串
其中path表示此二维码需要展示的小程序的页面,该路径需要在小程序的 app.jsonpages 中定义
路径后面可以设置参数,参数间用&符号隔开,path值的最大长度 128 字节
width表示二维码的宽度
确认信息无误后,点击右上方SEND按钮请求接口


3.出现警告框点击Yes,如果下方出现出现一堆乱码,那恭喜你,基本上已经成功了(如图)

请求数据


4.点击最后一个响应结果的选项卡Response Body(Preview),即可召唤神龙

完成

2017-09-23 15:35:42 wangliqiang1014 阅读数 2335
  • 微信公众号开发8-营销开发-微信开发php

    微信公众平台开发之营销开发是子恒老师《微信公众平台开发》视频教程的第8部。详细讲解了用php开发微信,对微信公众平台中的营销功能开发。内容包含获取微信短网址,生成推广二维码,生成推广海报等等。欢迎反馈,微信/QQ:68183131

    11381 人正在学习 去看看 秦子恒

工具目前提供了4种文件的编辑:wxml wxss js json



为了帮助开发者简单和高效地开发微信小程序,我们推出了全新的开发者工具,集成了开发调试、代码编辑及程序发布等功能。


扫码登录

启动工具时,开发者需要使用已在后台绑定成功的微信号扫描二维码登录,后续所有的操作都会基于这个微信帐号

调试工具

调试工具分为 6 大功能模块:Wxml、Console、Sources、Network、Appdata、Storage以及




Wxml Pannel

Wxml Pannel 用于帮助开发者开发 Wxml 转化后的界面。在这里可以看到真实的页面结构以及结构对应的 wxss 属性,同时可以通过修改对应 wxss 属性,在模拟器中实时看到修改的情况。通过调试模块左上角的选择器,还可以快速找到页面中组件对应的 wxml 代码。


Sources Pannel

Sources Pannel 用于显示当前项目的脚本文件,同浏览器开发不同,微信小程序框架会对脚本文件进行编译的工作,所以在 Sources Pannel 中开发者看到的文件是经过处理之后的脚本文件,开发者的代码都会被包裹在 define 函数中,并且对于 Page 代码,在尾部会有 require 的主动调用。


Network Pannel

Netwrok Pannle 用于观察和显示 request 和 socket 的请求情况


Appdata Pannel

Appdata Pannel 用于显示当前项目当前时刻 appdata 具体数据,实时地反馈项目数据情况,可以在此处编辑数据,并及时地反馈到界面上。


Storage Pannel

Storage Pannel 用于显示当前项目的使用 wx.setStorage 或者 wx.setStorageSync 后的数据存储情况。


Console Pannel

Console Pannel 有两大功能:

  • 开发者可以在此输入和调试代码


小程序操作区

小程序操作区帮助开发者模拟一些客户端的环境操作。例如当用户从小程序中回到聊天窗口,会触发一个小程序被设置为后台的api。


当小程序使用到多窗口的时候,可以在顶部操作区进行页面切换,需要注意的是这个操作只是为了方便开发者才存在的,在真实的微信客户端中是不会有的。



下载地址

windows 64

windows 32

mac

2018-12-14 11:12:26 weixin_44011762 阅读数 156
  • 微信公众号开发8-营销开发-微信开发php

    微信公众平台开发之营销开发是子恒老师《微信公众平台开发》视频教程的第8部。详细讲解了用php开发微信,对微信公众平台中的营销功能开发。内容包含获取微信短网址,生成推广二维码,生成推广海报等等。欢迎反馈,微信/QQ:68183131

    11381 人正在学习 去看看 秦子恒
2018-11-06 13:56:27 weixin_39364136 阅读数 18892
  • 微信公众号开发8-营销开发-微信开发php

    微信公众平台开发之营销开发是子恒老师《微信公众平台开发》视频教程的第8部。详细讲解了用php开发微信,对微信公众平台中的营销功能开发。内容包含获取微信短网址,生成推广二维码,生成推广海报等等。欢迎反馈,微信/QQ:68183131

    11381 人正在学习 去看看 秦子恒

情景:假如你想在通过二维码进入小程序时候,根据二维码中参数进行一些别的操作

1 开发阶段,在开发者工具中

微信开发者工具中编译条件中有一个自定义编译模式,同时可以携带参数,启动参数中写你要携带的参数(注意再次声明这是开发阶段

在这里插入图片描述
上面控制台输出的 { id: ‘1’ } 是:

onLoad (option) {
  console.log(option)
}

这时候你就可以继续你的开发,拿着参数去请求数据等等操作

2 发布阶段,现在假如你的小程序要发布了

这时候应该改变获取参数的方式,因为正式发布后的获取的参数和在开发者工具中是不一样的,这个坑至少在我写这篇博客时候还是存在的。下面代码是你获取正式发布小程序后的入口二维码中参数的代码,scene是微信生成二维码方法的一个参数,用来写你要在二维码中携带的参数

onLoad (option) {
  console.log(option)
  if (option.scene) {
    let qrId = decodeURIComponent(option.scene)
    ... // 这里就是你拿着参数qrId进行操作
  }
}

在这里插入图片描述
这里的控制台输出是因为我在开发者工具中用的二维码编译的方式启动的小程序,我的小程序已经发布了,所以能生成二维码,这也是我写这篇博客的原因,掉坑了刚爬出来。。。看到那个控制台的输出其实你应该明白了,在开发者工具中和实际获取的参数格式是不一样的(坑啊!!!有木有)
上面参数是“1”,其实这是因为我在生成二维码时 scene 写的值是 “1”,而不是“id=1”,因为实际中的参数并不是对象而是一个字符串,所以还不如直接写个“1”,省的拆分了

没有更多推荐了,返回首页