北京网站建设报价表,网站开发不用mvc行不行,合肥微信网站,编程猫官方网站入口需求#xff1a;外部浏览器H5页面#xff0c;跳转到uniapp开发的原生app内部。
1、uniapp内部的配置#xff1a;
#xff08;1#xff09;打开manifest-App常用其他设置#xff0c;如下#xff0c;按照提示输入您要设置的urlSchemes#xff1a; #xff08;2外部浏览器H5页面跳转到uniapp开发的原生app内部。
1、uniapp内部的配置
1打开manifest-App常用其他设置如下按照提示输入您要设置的urlSchemes 2填写配置之后可到manifest-源码试图查看如下 3uniapp中修改了manifest配置之后一定要重新打包然后再运行到手机否则可能会出现打开app失败 问题如果ios手机出现以下提示应该是没有重新打包的缘故如下 重新打包步骤官方打包自定义基座步骤 1发行-原生App-云打包-iOS如下依次填写自己家的包名密码、证书、文件等然后选择打自定义调试基座点击打包即可 2打包成功之后依次点击运行-运行到手机或模拟器-运行到iOS App基座然后在自己的测试机上面测试即可 2、H5端
1H5页面代码全
!DOCTYPE html
html
headmeta charsetUTF-8meta nameviewport contentwidthdevice-width, user-scalableno, initial-scale1.0, maximum-scale1.0, minimum-scale1.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
bodydiv idappdiv classboxp classtext已完成请返回APP继续操作/pbutton classbtn clickgoBackApp返回/button/div/div
/body
!-- 先引入 Vue --
script srchttps://unpkg.com/vue2.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固定页面如下
在此记录也希望能帮助到各位~
