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

uniapp-设置UrlSchemes从外部浏览器H5打开app

news 文章来源：https://blog.csdn.net/m0_58953167/article/details/137277739 2024/10/25 20:23:52

需求：外部浏览器H5页面，跳转到uniapp开发的原生app内部。

1、uniapp内部的配置：

（1）打开manifest->App常用其他设置，如下，按照提示输入您要设置的urlSchemes：

在这里插入图片描述
（2）填写配置之后，可到manifest->源码试图查看，如下：

在这里插入图片描述
（3）uniapp中修改了manifest配置之后，一定要重新打包，然后再运行到手机，否则可能会出现打开app失败：
问题：如果ios手机出现以下提示，应该是没有重新打包的缘故，如下：

在这里插入图片描述

重新打包步骤：官方打包自定义基座步骤
1）发行-原生App-云打包-iOS，如下依次填写自己家的包名，密码、证书、文件等，然后选择打自定义调试基座，点击打包即可：

在这里插入图片描述
2）打包成功之后，依次点击运行-运行到手机或模拟器-运行到iOS App基座，然后在自己的测试机上面测试即可：

在这里插入图片描述

2、H5端：

（1）H5页面代码（全）

<!DOCTYPE html>
<html>
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/><style>#app{width: 100%;height: 100%;}.box{width: 100%;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: space-evenly;margin-top: 200px;}.text{width: 90%;font-size: 24px;font-weight: 600;padding-bottom: 100px;}.btn{width: 200px;height: 60px;line-height: 60px;border: none;background-color: #FF7A14;font-size: 20px;color: #fff;border-radius: 80px;}</style>
</head>
<body><div id="app"><div class="box"><p class="text">已完成，请返回APP继续操作！</p><button class="btn" @click="goBackApp">返回</button></div></div>
</body>
<!-- 先引入 Vue -->
<script src="https://unpkg.com/vue@2.6.14/dist/vue.js"></script>
<script>// 兼容var browser = {versions: function() {var u = navigator.userAgent,app = navigator.appVersion;return {/*是否为移动终端*/ios: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/),/*ios终端*/android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1,};}(),language: (navigator.browserLanguage || navigator.language).toLowerCase()};var myApp = new Vue({el: '#app',data:{},methods:{goBackApp(){if(browser.versions.ios){window.location.href = "jjstest://pages/machine/index";}else if(browser.versions.android){window.location.href = "jjstest://pages/machine/index";}else{alert('暂不支持跳转')}},}})
</script>
</html>

解释：
在这里插入图片描述
（2）把页面给后端，让后端把html页面放到服务器上，然后手机打开该html链接，点击返回按钮，根据提示确认打开，即可返回到app固定页面，如下：
在这里插入图片描述

在此记录，也希望能帮助到各位~

相关文章：

uniapp-设置UrlSchemes从外部浏览器H5打开app

需求&#xff1a;外部浏览器H5页面&#xff0c;跳转到uniapp开发的原生app内部。 1、uniapp内部的配置&#xff1a; &#xff08;1&#xff09;打开manifest->App常用其他设置&#xff0c;如下&#xff0c;按照提示输入您要设置的urlSchemes&#xff1a; &#xff08;2&am…...

编程日记 2024/4/8 8:51:02

校园圈子小程序，大学校园圈子，三段交付，源码交付，支持二开

介绍 在当今的数字化时代&#xff0c;校园社交媒体和在线论坛成为了学生交流思想、讨论问题以及分享信息的常用平台。特别是微信小程序&#xff0c;因其便捷性、用户基数庞大等特点&#xff0c;已逐渐成为构建校园社区不可或缺的一部分。以下是基于现有资料的校园小程序帖子发…...

编程日记 2024/4/8 8:50:01

基于kmeans的聚类微博舆情分析系统

第一章绪论 1.1研究背景 如今在我们的生活与生产的每个角落都可以见到数据与信息的身影。自从上十世纪八十年代的中后期开始&#xff0c;我们使用的互联网技术已经开始快速发展&#xff0c;近些年来云计算、大数据和物联网等与互联网有相领域的发展让互联网技术达到了史无前例…...

编程日记 2024/4/8 8:49:00

【Docker常用命令（四）】

目录 Docker常用命令&#xff08;四&#xff09;注意 Docker常用命令&#xff08;四&#xff09; docker pause docker pause 命令用于暂停容器中的所有进程。docker pause CONTAINER [CONTAINER...]常用子命令和选项&#xff1a;无特定常用选项。docker port docker port 命令…...

编程日记 2024/4/8 8:46:58

黑豹程序员-Spring Task实现定时任务

定时任务 项目中&#xff0c;我们有一个特殊的要求&#xff0c;无需人为去触发&#xff0c;而是自动去触发程序。通常有一定的频率&#xff0c;每天&#xff0c;某时等。 实现的四种方式 1、java自身提供定时任务java.util.Timer类&#xff0c;但太过简单&#xff0c;几乎无…...

编程日记 2024/4/8 8:45:57

云原生安全当前的挑战与解决办法

云原生安全作为一种新兴的安全理念&#xff0c;不仅解决云计算普及带来的安全问题&#xff0c;更强调以原生的思维构建云上安全建设、部署与应用&#xff0c;推动安全与云计算深度融合。所以现在云原生安全在云安全领域越来受到重视&#xff0c;云安全厂商在这块的投入也是越来…...

编程日记 2024/4/8 8:43:54

Qt——Qt实现数据可视化之QChart的使用总结（使用QChart画出动态显示的实时曲线）

【系列专栏】：博主结合工作实践输出的，解决实际问题的专栏，朋友们看过来！ 《项目案例分享》 《极客DIY开源分享》 《嵌入式通用开发实战》 《C++语言开发基础总结》 《从0到1学习嵌入式Linux开发》...

编程日记 2024/4/8 8:42:53

（React生命周期）前端八股文修炼Day8

一 React的生命周期有哪些 React组件的生命周期可以分为三个主要阶段&#xff1a;挂载&#xff08;Mounting&#xff09;、更新&#xff08;Updating&#xff09;和卸载&#xff08;Unmounting&#xff09;。React类组件的生命周期方法允许你在组件的不同阶段执行代码。 挂载…...

编程日记 2024/4/8 8:41:52

考研||考公||就业||其他？-------愿不再犹豫

大三下了&#xff0c;现在已经开学一个多月了&#xff0c;在上个学期的时候陆陆续续吧周围有的行动早的人已经开始准备考研了&#xff0c;当然这只是下小部分人吧&#xff0c;也有一部分人是寒假可能就开始了&#xff0c;更多的则是开学的时候&#xff0c;我的直观感受是图书馆…...

编程日记 2024/4/8 8:39:50

使用 Selenium 和 OpenCV 识别验证码（使用 Java）

验证码的自动识别对于爬虫来说是一个常见的挑战。在这篇文章中&#xff0c;我们将展示如何使用 Selenium 和 OpenCV&#xff0c;结合 Java&#xff0c;来自动化识别网站上的验证码。 配置 Maven 依赖 首先&#xff0c;我们需要在 Maven 项目中添加 Selenium 和 OpenCV 的依赖。…...

编程日记 2024/4/8 8:36:47

什么是数据库?如何安装SQL Server(超详细版)

文章目录 什么是数据库数据库与数据库管理系统数据库系统之间的区别和联系数据库在生活中的应用 安装SQL Server数据库系统要求 安装步骤(超详细)安装前的准备 安装SSMS 什么是数据库 数据库&#xff0c;顾名思义&#xff0c;是存储数据的“仓库”。它不仅仅是简单的数据存储&…...

编程日记 2024/4/8 8:34:45

Golang 开发实战day08 - Multiple Return values

Golang 教程08 - Multiple Return values 1. Multiple return values 1.1 如何理解多个返回值&#xff1f; Go语言中的多返回值&#xff0c;就像你听了一首歌曲yellow&#xff0c;可以从歌曲里反馈出忧郁和害羞&#xff01;Goland的多个返回值就类似于如此&#xff0c;设定一…...

编程日记 2024/4/8 8:32:43

如何成为一名优秀的工程师下

身为工程师&#xff0c;理所当然要重视实践&#xff0c;自然科学不管发展到何时都离不开实验。 电子学本身就是 为了指导工程实践。所以不要谈空洞的理论。现在很多毕业生都面临这样的问题&#xff0c;总是谈一些空洞的理论&#xff0c;甚至错误的但还不以为然的理论。实践可以…...

编程日记 2024/4/8 8:31:42

Docker【1】：Docker制作Oracle19C镜像

Docker【1】&#xff1a;Docker制作Oracle19C镜像 1、参考官方文档2、下载相关文件2.1、工具包2.2、Oracle安装包 3、制作镜像3.1、拷贝下载的oracle安装包到制作工具对应版本目录下3.2、开始制作镜像包3.3、制作完成 4、导出导入镜像4.1、镜像导出4.2、镜像导入 5、运行Oracle…...

编程日记 2024/4/8 8:29:39

Layui三级联动插件使用方法

Layui高版本中没有在提供三级联动这个动画了&#xff0c;而是封装成了一个插件&#xff0c;使用方式也很简单 官网 省市县区三级联动下拉选择器 layarea - Layui 第三方扩展组件平台 (layuion.com)https://dev.layuion.com/extend/layarea/#doc html页面约束 整个选择器需要…...

编程日记 2024/4/8 8:27:36

使用iPhone/安卓手机代替门禁卡

文章目录 基础知识ID卡和IC卡ID卡技术IC卡技术IC卡加密方式手机NFC只能模拟IC卡&#xff0c;而不支持ID卡电梯卡可能使用滚动码验证方式&#xff0c;不支持使用手机模拟 &#xff08;IC类型&#xff09;门禁卡验证方式仅验证ID&#xff08;卡号&#xff09;验证ID分区信息 iPho…...

编程日记 2024/4/8 8:26:35

UE4_动画基础_角色的缩放

以第三人称模板进行制作。 一、首先为角色缩放新建粒子效果 1、新建niagara system&#xff0c;重命名为NS_Shrink。 2、双击打开设置参数&#xff1a; 发射器重命名&#xff1a; Emitter State&#xff1a; 发射器一次喷发数量&#xff1a; 粒子初始大小&#xff0c;生命周…...

编程日记 2024/4/8 8:25:34

【云开发笔记No.20】中台架构的分类

中台现在成了一个到处都在说的词了&#xff0c;甚至在组织架构中&#xff0c;弄几个万金油&#xff0c;也说有了一个中台支撑部门。一方面是滥用&#xff0c;另一个方面&#xff0c;也说明确实有它的作用和意义。 在云计算和数字化转型日益盛行的今天&#xff0c;中台架构已成…...

编程日记 2024/4/8 8:24:33

【leetcode面试经典150题】18.整数转罗马数字（C++）

【leetcode面试经典150题】专栏系列将为准备暑期实习生以及秋招的同学们提高在面试时的经典面试算法题的思路和想法。本专栏将以一题多解和精简算法思路为主&#xff0c;题解使用C语言。&#xff08;若有使用其他语言的同学也可了解题解思路&#xff0c;本质上语法内容一致&…...

编程日记 2024/4/8 8:23:32

NLopt

非线性优化–NLopt (nonlinear optimization)是一个免费的开源的库&#xff0c;提供了很多种非线性优化算的使用接口。 1、其中非常大的优势就是提供多种支持的语言&#xff0c;包括C/ C/ Julia/ Python/ R/ Fortran/ Lua/ OCaml/ Octave等都支持 1. 区别 **COBYLA&#xff0…...

编程日记 2024/4/8 8:21:28

三防笔记本丨工业笔记本电脑丨助力测绘行业的数字化转型

测绘行业测绘行业一直是高度技术化的领域&#xff0c;其重要性在于为建设、规划和资源管理提供准确的地理数据。然而&#xff0c;随着技术的发展&#xff0c;传统的测绘方法已经难以满足对数据精度和实时性的要求。因此&#xff0c;测绘行业正逐渐向数字化转型&#xff0c;采用…...

编程日记 2024/4/8 8:19:26

创建spring boot项目

使用https://start.aliyun.com/ 创建一个spring boot项目 1、打开https://start.aliyun.com/&#xff0c;获取代码 2、解压下载后文件&#xff0c;使用ide打开&#xff0c;pom。xml文件添加&#xff0c;install一下 <dependency><groupId>org.springframework.bo…...

编程日记 2024/4/8 8:16:24

Mongodb字段更新操作符$currentDate

学习mongodb&#xff0c;体会mongodb的每一个使用细节&#xff0c;欢迎阅读威赞的文章。这是威赞发布的第54篇mongodb技术文章&#xff0c;欢迎浏览本专栏威赞发布的其他文章。 本文基于Mongodb的官方文档&#xff0c;整理了Mongodb字段更新操作符$currentDate的定义&#xff…...

编程日记 2024/4/8 8:15:22

通信安全之数据加密

数据安全的需求如今越来越重要&#xff0c;本篇简单举例给日常的TCP/UDP通信加密&#xff0c;至少能让想干坏事的崽犯罪的成本更高一些&#xff08;如果会一些BPF的&#xff0c;可能难不住这些崽&#xff09;&#xff0c;能让我们的数据更安全一点。 经典TCP socket编程 下面…...

编程日记 2024/4/8 8:13:20

花一分钟简单认识 CSS 中的规则 —— 级联层 @layer

layer 简介&#xff1a; 声明级联层时&#xff0c;越靠后优先级越高。不属于任何级联层的样式&#xff0c;将自成一层匿名级联层&#xff0c;并置于所有层之后 —— 级别最高。 用法一&#xff1a;在同一文件中 layer base, special; layer special {/* 优先 */li { color: …...

编程日记 2024/4/8 8:12:19

K8s学习三（Pod与探针）

深入学习Pod Pod配置文件 写一个自己的配置文件,nginx-po.yaml apiVersion: v1 #api文档版本 kind: Pod #资源类型对象&#xff0c;也可以配置为像Development&#xff0c;StatefulSet这一类的对象 metadata: # Pod相关的元数据&#xff0c;用于描述Pod的数据name: nginx-po…...

编程日记 2024/4/8 8:07:15

leetcode - 678. Valid Parenthesis String

Description Given a string s containing only three types of characters: ‘(’, ‘)’ and ‘*’, return true if s is valid. The following rules define a valid string: Any left parenthesis ( must have a corresponding right parenthesis ). Any right parenth…...

编程日记 2024/4/8 8:06:14

索尼相机照片清理软件

在使用索尼相机拍摄照片的时候有时我们需要同时拍摄JPG格式和RAW格式&#xff0c;这在后期选图的时候给我们带来一些麻烦。我们固然可以选用Br来管理照片&#xff0c;但是现在我们可以有一个更轻量的软件&#xff08;8.8MB&#xff09;来做到一部分功能。 我们将照片从SD卡导出…...

编程日记 2024/4/8 8:05:13

比赛记录:Codeforces Global Round 25 A~E (猜猜题场)

传送门:CF [前题提要]:其实这场打的不是很好.A题一个sb错误看不出来,50min后才过,B题上来就Wa了一发,C题用了没必要的线段树,D题刚开始被60诈骗,一直在想按位考虑.幸好赛时猜出了E,然后又猜出来D,本来掉大分变成上大分…但是这场前几题大都是猜猜题,所以本来不想写题解的.但是…...

编程日记 2024/4/8 8:04:12

Windows系统安装OpenSSH结合VS Code远程ssh连接Ubuntu【内网穿透】

&#x1f308;个人主页: Aileen_0v0 &#x1f525;热门专栏: 华为鸿蒙系统学习|计算机网络|数据结构与算法|MySQL| ​&#x1f4ab;个人格言:“没有罗马,那就自己创造罗马~” #mermaid-svg-AwzyR2lkHKjD9HYl {font-family:"trebuchet ms",verdana,arial,sans-serif;f…...

编程日记 2024/4/8 8:03:11

国外单页制作网站模板/抖音seo软件工具

冒泡&#xff1a;即使通过子级元素的事件来触发父级的事件&#xff0c;通过阻止冒泡可以防止冒泡发生。 事件源&#xff1a;首先这个东西是有兼容行问题的,当然解决也很简单。 两者结合使用&#xff0c;形成的事件委托有两个优势&#xff1a; 1.减少性能消耗&#xff1b; 2.新添…...

编程日记 2024/10/25 18:05:03

wordpress来建站/百度网站排名优化软件

Storm配置项详解什么是Storm? Storm是twitter开源的一套实时数据处理框架&#xff0c;基于该框架你可以通过简单的编程来实现对数据流的实时处理变换。 Storm的配置文件一般存放在$STORM_HOME/conf下&#xff0c;通常名为storm.yaml&#xff0c;它符合yaml格式要求。 配置项详…...

编程日记 2024/10/25 17:24:33

手机网站特效/seo公司品牌哪家好

1、使用adb 打印log日志并输出的命令行 adb logcat -s ReactNative:V ReactNativeJS:V > E:/ADBLG/log.txt 2、检查电脑是否链接到设备 abd device...

编程日记 2024/10/25 13:36:33

wordpress嵌入视频/搜索引擎营销名词解释

DBMS_Job包的用法 包含以下子过程&#xff1a; Broken()过程。 change()过程。 Interval()过程。 Isubmit()过程。 Next_Date()过程。 Remove()过程。 Run()过程。 Submit()过程。 User_Export()过程。 What()过程。 1、 Broken()过程更新一个已提交的工作的…...

编程日记 2024/10/25 8:51:52

做企业网站收费价格/bing搜索引擎入口

这篇文章是因为之前看过一篇文章&#xff0c;总结了一些技能&#xff0c;但是并不详细&#xff0c;之后陆续还会有新的文章。 事件模型 js中有两种事件&#xff0c;DOM0和DOM2. DOM0DOM0事件很简单&#xff0c;就是在dom上绑定事件&#xff0c;代码如下document.getElementById…...

编程日记 2024/10/25 7:23:20

保定网站建设公司大全/长春百度网站优化

14.5 非持久设置 持久性是数据库特性&#xff0c;以保证已提交事务即使在宕机或服务崩溃时仍有效。不过&#xff0c;这也给了数据库一定压力&#xff0c;所以如果无需此保证的话&#xff0c;可以调整PostgreSQL运行的更快。以下配置即为牺牲持久性而提升性能的示例。除非另有说…...

编程日记 2024/10/25 5:21:23