如何跳小程序

简介:        经常会有人遇到这样的疑惑——       我有自己的APP、生活号或在支付宝端内有自己的H5页面,这种情况下如何和小程序关联,跳转到小程序里去,做到无缝对接?       其实,小程序是支持这类跳转能力的;       那么,要如何实现呢?       一、非小程序前端——跳转小程序window.

       经常会有人遇到这样的疑惑——

       我有自己的APP、生活号或在支付宝端内有自己的H5页面,这种情况下如何和小程序关联,跳转到小程序里去,做到无缝对接?

       其实,小程序是支持这类跳转能力的;

       那么,要如何实现呢?

       一、非小程序前端——跳转小程序 window.location.href="alipays://platformapi/startapp?appId=xxx&page=x/yz&query=xx%3dxx";

       参数解释

参数 描述 示例
appid 小程序appid 2017071307737205
page 小程序跳转的页面。如果不设置,默认为跳转至首页。 pages/user/user
query query:启动参数,内容按照格式为参数名=参数值&参数名=参数值… 之后encode xx%3dxx
       二、小程序端——获取参数: onLaunch(options){ //获取启动参数 if (options.query) { my.alert({content: '启动参数:'+JSON.stringify(options.query.x),}); } }        获取参数场景

           如果冷启动,则会在onLaunch(options) 中获得参数;

           如果为热启动,则会在onShow(options)中获得参数;

      建议:冷启动中获取不了的时候,再尝试在onShow中获取,若还是获取不了,则可判定为没有拿到该参数。

       来源:官网文档-框架-APP

 

       注意:至少需要上架一次小程序,才能使用该跳转方式测试。

目录
相关文章
|
IDE Java Maven
Spring Boot之如何解决Maven依赖冲突Maven Helper 安装使用
Spring Boot之如何解决Maven依赖冲突Maven Helper 安装使用
761 2
|
Web App开发 监控 JavaScript
|
移动开发 小程序 前端开发
uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏?三种解决办法
uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏?三种解决办法
|
8月前
|
测试技术 数据库 uml
软考中级软件设计师专项-UML图篇
UML(统一建模语言)是一种用于软件系统建模的标准化语言,能够清晰表达系统的静态结构与动态行为。其核心包括三类构造块:事物、关系和图。事物分为结构事物、行为事物、分组事物和注释事物;关系包括依赖、关联、泛化和实现;图则涵盖了类图、对象图、用例图、序列图、通信图、状态图、活动图、构件图和部署图等,分别用于静态建模、动态建模和物理建模。
861 1
软考中级软件设计师专项-UML图篇
|
小程序 开发工具
app跳转微信小程序,使用明文scheme拉起
app跳转微信小程序,使用明文scheme拉起
4293 4
|
JSON 小程序 JavaScript
uni-app开发微信小程序的报错[渲染层错误]排查及解决
uni-app开发微信小程序的报错[渲染层错误]排查及解决
4204 7
【数据结构】大根堆和小根堆
【数据结构】大根堆和小根堆
872 0
|
SQL Oracle 关系型数据库
介绍 2款 Oracle 开发工具
介绍 2款 Oracle 开发工具
628 3
|
存储 Unix Linux
在Linux中,inode是什么?
在Linux中,inode是什么?
|
Dart 开发工具 Android开发
Android Studio导入Flutter项目提示Dart SDK is not configured
Android Studio导入Flutter项目提示Dart SDK is not configured
2240 4

热门文章

最新文章