当前位置: 首页 > news >正文

微信小程序唤起app

1、前提

1、app与小程序主体需一致,可以前往微信公众平台关联。

2、小程序的场景值为1069,也就是得从app打开小程序,小程序才能唤起app。

2、vue3代码示例

<template>
	<view class="maxBox bgc">
		<button 
			open-type="launchApp" 
			:app-parameter="appParams" 
			@launchapp="launchAppSuccess" 
			@error="launchAppError"
			class="button">
			返回APP
		</button>
	</view>
</template>

<script setup>
import { onLoad } from "@dcloudio/uni-app"
import { ref } from "vue"
onLoad(()=>{
	// 传给app的参数  最好是json格式的字符串
	let obj = {
		type: 'pay',
	}
	appParams.value = `${JSON.stringify(obj)}`
})
const appParams = ref();//传给app的参数
const launchAppSuccess = (e) => {
  console.log('✅ App 打开成功:', e);
};

// 打开App失败
const launchAppError = (e) => {
  console.error('⚠️ App 打开失败:', e);
  uni.showToast({
    title: '打开App失败,请重试',
    icon: 'none'
  });
};
</script>

<style lang="scss" scoped>
.maxBox {
    min-height: 100vh;
    padding-bottom: 7vh;
    box-sizing: border-box;
    position: relative;
    font-size: 24rpx;
	.button{
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		background-color: #0268CF;
		color: #fff;
	}
}
</style>

http://www.dtcms.com/a/108342.html

相关文章:

  • 【Docker】使用Docker快速部署n8n和unclecode/crawl4ai
  • PEFT实战(一)——LoRA
  • 大模型学习一:deepseek api 调用实战以及参数介绍
  • 【动手学深度学习】#7 现代卷积神经网络
  • C++多态:从青铜九鼎到虚函数表的千年演化密码
  • Pytorch|RNN-心脏病预测
  • 文件分享系统--使用AI Trae开发前后端
  • 鸿蒙应用元服务开发-Account Kit获取华为账号用户信息概述
  • 魔塔社区使用llamafactory微调AI阅卷试题系统
  • 应用弥散张量成像和支持向量机检测慢性爆炸相关轻度颅脑损伤
  • Dockerfile文件构建镜像Anaconda+Python教程
  • 六十天Linux从0到项目搭建(第十八十九天)(缓冲区机制、未打开的磁盘存放、文件存储、磁盘物理结构、寻址、块设备管理、文件系统、增删查改、硬链接、软链接)
  • 通俗易懂的解释Git操作中“合并”和“变基”的区别
  • CMD命令通过已知ip使用以下三种方式来获取对方主机名
  • 常见优化SQL语句策略和示例
  • ControlNet-Tile详解
  • 最新Spring Security实战教程(八)Remember-Me实现原理 - 持久化令牌与安全存储方案
  • Python数据可视化-第3章-图表辅助元素的定制
  • PyTorch 中池化层MaxPool2d
  • CSS--解决float: right在空间不够时会自动往下移的问题
  • 音视频入门基础:MPEG2-TS专题(26)——通过FFmpeg命令使用RTP发送TS流
  • 【Word】批注一键导出:VBA 宏
  • C#核心学习(五)面向对象--封装(4)C#中的索引器详解:让对象像数组一样灵活访问
  • MySQL的数据目录以及日志
  • 企业网络优化方案:SD-WAN赋能企业远程办公
  • 使用JSON.stringify报错:Uncaught TypeError: cyclic object value
  • RNN模型与NLP应用——(6/9)Text Generation(文本自动生成)
  • UE小:在Unreal Engine 5中实现多层静态网格体遮挡拾取
  • 【落羽的落羽 C++】模板简介
  • 交易引擎中的设计模式