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'

相关文章
|
14天前
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
197 7
|
13天前
|
小程序 JavaScript 前端开发
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
uni-app开发微信小程序:四大解决方案,轻松应对主包与vendor.js过大打包难题
243 1
|
14天前
|
移动开发 小程序 数据可视化
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
基于npm CLI脚手架的uniapp项目创建、运行与打包全攻略(微信小程序、H5、APP全覆盖)
106 3
|
17天前
|
缓存 小程序 索引
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
uni-app开发微信小程序时vant组件van-tabs的使用陷阱及解决方案
99 1
|
18天前
|
小程序 JavaScript API
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
这篇文章介绍了如何在uni-app和微信小程序中实现将图片保存到用户手机相册的功能。
243 0
微信小程序开发之:保存图片到手机,使用uni-app 开发小程序;还有微信原生保存图片到手机
|
13天前
|
JavaScript 小程序 开发者
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
uni-app开发实战:利用Vue混入(mixin)实现微信小程序全局分享功能,一键发送给朋友、分享到朋友圈、复制链接
138 0
|
17天前
|
小程序
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
uni-app开发微信小程序使用onPullDownRefresh(下拉刷新)总结
208 0
|
20天前
|
缓存 开发框架 移动开发
uni-app:下载使用uni&创建项目&和小程序链接&数据缓存&小程序打包 (一)
uni-app 是一个跨平台的开发框架,它允许开发者使用 Vue.js 来构建应用程序,并能够同时发布到多个平台,如微信小程序、支付宝小程序、H5、App(通过DCloud的打包服务)等。uni-app 的目标是通过统一的代码库,简化多平台开发过程,提高开发效率。 在这一部分中,我们将逐步介绍如何下载和使用uni-app、创建一个新的项目、如何将项目链接到小程序,以及实现数据缓存的基本方法。
|
移动开发 运维 小程序
让你的 App 和支付宝一样,可以快速运行小程序
mPaaS是源于支付宝 APP 的移动开发平台,融合了支付宝、蚂蚁财富、网商银行等移动端技术沉淀的能力,提供自动构建打包、测试、发布等管控工具进一步提升研发效能,减少线上故障。
让你的 App 和支付宝一样,可以快速运行小程序
|
14天前
|
JavaScript 前端开发 UED
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
Vue与uni-app开发中通过@font-face巧妙引入自定义字体
35 9

热门文章

最新文章