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'

相关文章
|
2月前
|
小程序
微信小程序多种跳转页面方式
微信小程序多种跳转页面方式
|
2月前
|
小程序 前端开发 Java
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
JavaDog Chat v1.0.0 是一款基于 SpringBoot、MybatisPlus 和 uniapp 的简易聊天软件,兼容 H5、小程序和 APP,提供丰富的注释和简洁代码,适合初学者。主要功能包括登录注册、消息发送、好友管理及群组交流。
75 0
SpringBoot+uniapp+uview打造H5+小程序+APP入门学习的聊天小项目
|
1月前
|
移动开发 JSON 小程序
明文scheme拉起此小程序
明文scheme拉起此小程序
42 4
|
1月前
|
移动开发 小程序 JavaScript
uni-app开发微信小程序
本文详细介绍如何使用 uni-app 开发微信小程序,涵盖需求分析、架构思路及实施方案。主要功能包括用户登录、商品列表展示、商品详情、购物车及订单管理。技术栈采用 uni-app、uView UI 和 RESTful API。文章通过具体示例代码展示了从初始化项目、配置全局样式到实现各页面组件及 API 接口的全过程,并提供了完整的文件结构和配置文件示例。此外,还介绍了微信授权登录及后端接口模拟方法,确保项目的稳定性和安全性。通过本教程,读者可快速掌握使用 uni-app 开发微信小程序的方法。
71 3
|
2月前
|
小程序 API PHP
零成本搭建个人 APP 和小程序后台
虽然网上也有很多人介绍这俩平台的玩法,但都是 2024 年以前的文章,有些平台最新的修改,和自己踩到的坑而别人没提到的细节,我还是想记录一下。
53 9
|
移动开发 小程序 JavaScript
H5跳转App、跳转小程序
H5跳转App、跳转小程序
1187 0
H5跳转App、跳转小程序
|
2天前
|
JavaScript 前端开发 小程序
uniapp一个人开发APP关键步骤和考虑因素
uniapp一个人开发APP关键步骤和考虑因素
13 0
uniapp一个人开发APP关键步骤和考虑因素
|
14天前
|
移动开发 Android开发 数据安全/隐私保护
移动应用与系统的技术演进:从开发到操作系统的全景解析随着智能手机和平板电脑的普及,移动应用(App)已成为人们日常生活中不可或缺的一部分。无论是社交、娱乐、购物还是办公,移动应用都扮演着重要的角色。而支撑这些应用运行的,正是功能强大且复杂的移动操作系统。本文将深入探讨移动应用的开发过程及其背后的操作系统机制,揭示这一领域的技术演进。
本文旨在提供关于移动应用与系统技术的全面概述,涵盖移动应用的开发生命周期、主要移动操作系统的特点以及它们之间的竞争关系。我们将探讨如何高效地开发移动应用,并分析iOS和Android两大主流操作系统的技术优势与局限。同时,本文还将讨论跨平台解决方案的兴起及其对移动开发领域的影响。通过这篇技术性文章,读者将获得对移动应用开发及操作系统深层理解的钥匙。
|
18天前
|
XML 移动开发 前端开发
使用duxapp开发 React Native App 事半功倍
对于Taro的壳子,或者原生React Native,都会存在 `android` `ios`这两个文件夹,而在duxapp中,这些文件夹的内容是自动生成的,那么对于需要在这些文件夹中修改的配置内容,例如包名、版本号、新架构开关等,都通过配置文件的方式配置了,而不需要需修改具体的文件
|
18天前
|
存储 开发工具 Android开发
使用.NET MAUI开发第一个安卓APP
【9月更文挑战第24天】使用.NET MAUI开发首个安卓APP需完成以下步骤:首先,安装Visual Studio 2022并勾选“.NET Multi-platform App UI development”工作负载;接着,安装Android SDK。然后,创建新项目时选择“.NET Multi-platform App (MAUI)”模板,并仅针对Android平台进行配置。了解项目结构,包括`.csproj`配置文件、`Properties`配置文件夹、平台特定代码及共享代码等。

热门文章

最新文章