app跳转微信小程序,使用明文scheme拉起

简介: app跳转微信小程序,使用明文scheme拉起

目录

前言

一、小程序配置

1.前往微信公众平台登录进入小程序,点击菜单最后一项 进入设置 > 基本设置,找到隐私设置,如图:

  1. 看最后一项,明文scheme拉起小程序,点击配置

二、app使用

  1. 基本使用,代码如下(示例):

  2. 携带参数:地址后面通过query=参数

  3. 如果需要在调式的时候,小程序方面也需测试,可传递参数env_version

总结

前言
需求:app内需跳转微信小程序某一页面,可携带参数

提示:以下是本篇文章正文内容,下面案例可供参考

一、小程序配置
1.前往微信公众平台登录进入小程序,点击菜单最后一项 进入设置 > 基本设置,找到隐私设置,如图:

  1. 看最后一项,明文scheme拉起小程序,点击配置

我此处选择的小程序首页作为跳转

注: 将微信开发工具写好的页面路径复制到此处,如果需要添加多个跳转页面,使用分号隔开即可,不用换行

注:跳转地址必须是小程序已经上线的地址

二、app使用

  1. 基本使用,代码如下(示例):
    window.open('weixin://dl/business/?
    appid=此处填写自己小程序项目的appid&path=pages/index/index', '_blank');
  2. 携带参数:地址后面通过query%3D参数,微信跳转参数使用=号或者&符号可能导致无法跳转,所以使用encode编码形式写即可
    = 的encode 编码为 %3D

window.open('weixin://dl/business/?
appid=项目appid&path=pages/index/index&query=isApp%3Dtrue', '_blank');

小程序那边接收参数:

onLoad: function (options) {
console.log(options.isApp)
}

  1. 如果需要在调式的时候,小程序方面也需测试,可传递参数env_version

示例:

window.open('weixin://dl/business/?
appid=项目appid&path=pages/index/index
&env_version='trial'
&query=isApp%3Dtrue', '_blank');
跳转到小程序体验版 或者开发版,即可在不上传小程序审核的情况下进行测试。

  1. 传递多个参数,此处多传递一个token参数
    & 符号的encode编码为 %26

=符号的encode编码为 %3D

示例:

let token = localStorage.getItem('token')

let aa = true

window.open('weixin://dl/business/?
appid=项目appid&path=pages/index/index
&env_version='trial'

相关文章
|
1月前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
498 7
|
1月前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
582 1
家政服务小程序APP开发,做好上门家政最快的方法是什么?
在家政服务领域,打造成功的平台并非易事。本文分享了三个关键步骤:避免初期盲目投入、采用低成本获客方式、建立有效的阿姨筛选机制。遵循这些方法,可助你避开常见陷阱,成为行业头部平台。
|
20天前
|
小程序 数据挖掘 UED
开发1个上门家政小程序APP系统,都有哪些功能?
在快节奏的现代生活中,家政服务已成为许多家庭的必需品。针对传统家政服务存在的问题,如服务质量不稳定、价格不透明等,我们历时两年开发了一套全新的上门家政系统。该系统通过完善信用体系、提供奖励机制、优化复购体验、多渠道推广和多样化盈利模式,解决了私单、复购、推广和盈利四大痛点,全面提升了服务质量和用户体验,旨在成为家政行业的领导者。
|
1月前
|
移动开发 前端开发 Android开发
开发指南059-App实现微信扫描登录
App是用uniapp开发的,打包为apk,上传到安卓平板中使用
|
1月前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
220 3
|
17天前
|
小程序 测试技术
上门家政维修系统软件开发,一套类似啄木鸟维修的小程序APP只要3000你敢信?
在数字化商业时代,一款名为“啄木鸟维修”的小程序 APP 以 3000 元的价格亮相,引发了广泛关注。这款 APP 功能全面,支持自营或入驻模式,提供完善的售后服务和详细的运营策略,开发周期仅需 3-5 天。它是否物超所值,还需用户自行判断,但其在市场中的表现确实引人注目。
|
1月前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
326 0
|
1月前
|
JavaScript 前端开发 小程序
uniapp一个人开发APP关键步骤和考虑因素
uniapp一个人开发APP关键步骤和考虑因素
124 1
uniapp一个人开发APP关键步骤和考虑因素
|
1月前
|
JavaScript 前端开发 UED
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
76 9