最近出來個新需求:
需求描述:
將uniapp的代碼打包成一個app,并實現原本的功能。
原uniapp是一個H5項目,主要的步驟流程是上傳用戶的身份證進行二要素認證,成功后再進行三方活體認證,然后三方回跳到項目中的活體結果查詢頁面,通過不同的結果跳轉不同的頁面。
發現的問題
因為原本的項目是通過鏈接運行的,并沒有在app中運行過,所以發現了一些活體認證的問題:H5中是直接通過??window.location.href = '活體地址'??訪問的,但是app中不能這樣,app中??不能通過window.location.href??進行跳轉活體地址;
想了一些解決方案:
- 外跳瀏覽器進行活體認證-----缺點:活體認證的回跳地址直接是H5的頁面,不是返回app
- 通過webview跳轉三方的活體地址,然后返回到項目里面。
結果方案一直接遭到了否定,必須要讓用戶返回到app里面,要不然會造成H5地址泄露。
最后選定webview跳轉三方的活體地址這個方案。
那么好,問題來了:
在實施的過程中發現可以通過webview跳三方并進行人臉認證,但是在跳回來的時候直接跳轉到了H5的首頁,而且出現了未登錄彈框,讓用戶去登陸。
問題分析:
uniapp的webview,就是使用瀏覽器打開一個頁面,頁面的內容是你傳入的鏈接地址,我這里傳入的是三方人臉認證的地址,而三方的回調地址是項目的H5鏈接地址;
這樣問題就清晰了好多:webview中的本地沒有存用戶的token,就算用戶登錄了app,通過webview訪問三方的回調地址(即本項目的H5地址),是沒有登錄過的,也沒有用戶的信息。所以就會顯示去登陸的彈框。
更直白一點:你在瀏覽器中的一個標簽頁訪問了H5地址,沒有登錄,肯定會顯示彈框的。
問題解決:
想清楚了問題,就好解決了:通過跟后端溝通,能不能在回調地址的后面拼接上用戶的token,然后在本地做處理。后來這么搞了,發現了個新問題
新問題描述:
如果按照以上的解決方案,那么用戶就會一直在webview中訪問頁面(如圖1.1),而不是在app里面訪問頁面(如圖1.2),這樣也不滿足需求。


那么又好,新的解決方案又來了:
寫一個中間頁,中間頁去調用webview頁面的方法,去跳轉app的頁面,而不是在webview中訪問對應頁面。
開始實施:
經過摸索后發現,不能通過vue文件與webview進行通信,但是html可以與webview通信。
來來來,細節看代碼。
代碼展示:
<!DOCTYPE html>
<html lang="zh-CN"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>身份認證結果</title><style lang="scss">.facial_recongnition_result {display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 130rpx 0;box-sizing: border-box;background: #fff;height: 100%;}.facial_recongnition_result #success .inner-success {width: 100%;height: 90vh;display: flex;flex-direction: column;align-items: center;justify-content: center;}.facial_recongnition_result #success .inner-success .button2 {width: 330px;height: 45px;background: linear-gradient(270deg, #EBCA54 0%, #EB9654 100%);box-shadow: 0rpx 2px 2px 0px #EB9654;border-radius: 26px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 16px;color: #ffffff;line-height: 45px;text-align: center;font-style: normal;}.facial_recongnition_result #fail .inner-fail {width: 100%;height: 90vh;display: flex;flex-direction: column;align-items: center;justify-content: center;}.facial_recongnition_result #fail .inner-fail .button2 {width: 330px;height: 45px;background: linear-gradient(87deg, #ffa4a4 0%, #ff5353 100%);box-shadow: 0rpx 2px 2px 0px #fa3f3f;border-radius: 26px;font-family: PingFangSC, PingFang SC;font-weight: 500;font-size: 16px;color: #ffffff;line-height: 45px;text-align: center;font-style: normal;}</style><script src="./uni.webview.1.5.6.js.js"></script><script src="https://cdn.staticfile.org/vue-resource/1.5.1/vue-resource.min.js"></script>
</head><body><div class="facial_recongnition_result" id="box"><div id="success"><div class="inner-success"><img class="icon"src="data:image/png;base64,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"></img><div class="content"><h4>身份認證成功</h4></div><!-- <div style="text-align: center;">請點擊頁面左上角返回按鈕,返回首頁繼續操作</div> --><div class="button2" id="pass"> 完善基本信息 </div></div></div><div id="fail"><div class="inner-fail"><img class="icon2"src="data:image/png;base64,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"alt=""><div class="content" style="margin: 20rpx 0 60rpx"><h4>身份認證失敗</h4></div><!-- <div style="text-align: center;">請點擊頁面左上角返回按鈕,返回首頁重新認證</div> --><div class="button2" id="reAudit"> 重新提交 </div></div></div></div><script>const successEl = document.getElementById('success')const failEl = document.getElementById('fail')const innerMessageEl = document.getElementById('inner-message')console.log('successEl', successEl)console.log('failEl', failEl)successEl.style.display = 'none'failEl.style.display = 'none'let innerMessage = undefineddocument.onreadystatechange = function () {let url = new URL(window.location.href)let params = url.searchParams;let authStatus = params.get("authStatus")if (authStatus === 'true') {successEl.style.display = 'block'} else {failEl.style.display = 'block'}}document.getElementById('pass').addEventListener('click', () => {console.log('通過', window, window.uni.postMessage({}))window.uni.postMessage({data: {actions: 'pass',}})});document.getElementById('reAudit').addEventListener('click', () => {console.log('失敗', window, window.uni.postMessage)window.uni.postMessage({data: {actions: 'reAudit',}})});</script>
</body></html>
- 重點來了:這里需要手動引入uni.webview的js文件,要不然瀏覽器中不認識uni.postMessage方法。ps:(可以去uniapp的官網下載uni.webview.js文件,也可以在我的資源里面下載。注意看下版本哈)
- 需要注意里面的img標簽的src必須是base64格式的,要不然不能顯示。
- 你自己也打印一下? window.uni? ?里面的方法分為兩類:1、頁面跳轉(同uni的跳轉頁面的方法);2、通訊(postMessage)
再來看看webview文件的代碼
<template><view style="padding-top: 88px;box-sizing: border-box;" class="webview-box"><web-view :webview-styles="webviewStyles" :src="jumpUrl" @onPostMessage="handleMessage" @message="handleMessage" ref="webviewRef"></web-view></view>
</template><script>
import { checkLivenessUrl } from '@/common/api/home.js'
export default {data() {return {jumpUrl: '',webviewStyles: {width: "100%",height: "100%",},detail: undefined}},onLoad(opt) {this.jumpUrl = decodeURIComponent(opt.jumpUrl);if (opt.from === 'product') {uni.setNavigationBarTitle({title: '詳情'});} else if (opt.from === 'indexB') {uni.setNavigationBarTitle({title: '人臉認證'});} else {uni.setNavigationBarTitle({title: ''});}},methods:{async handleMessage(e) {const { type, data } = e.detailconsole.log('type', e)this.detail = eif (data[0].actions === 'reAudit') {const result = await checkLivenessUrl()if (!result.status) {uni.showToast({title: result.message,icon: 'none'})return}uni.navigateTo({url: '/pages/webview/webview?jumpUrl=' + encodeURIComponent(result.entry.openUrl)})} else if (data[0].actions === 'pass') {uni.navigateTo({url: '/pages/appAuthentication/basicInformation'})}}}
}
</script><style scoped lang="scss">.webview-box{height: 100vh;position: relative;.inner-box{position: absolute;bottom: 0;left: 0%;right: 0%;z-index: 999;}}
</style>
?這樣你就可以拿到html文件中得到的結果,然后通過window.uni.postMessage? 傳遞給webview頁面,拿到結果后跳轉不同的app頁面
注意:從html傳遞過來的參數格式需要自己打印看下,在webview取值判斷的時候注意別搞錯了。
{"type": "message","target": {},"currentTarget": {},"timeStamp":1750229124356,"detail": {"data": [{"actions": "reAudit"}]}
}
以上就是遇到的webview與H5通訊的問題以及處理方法。
其實可以自己下載? ?vue-bridge-webview? ?插件然后掛載到全局,再去使用全局變量與webview通訊。但是這種方法我沒有實現。
對了? ?小編這里打的是安卓包哈
ok了? ?各位佬們? ?有什么問題可以留言哈? ? 歡迎各位批評指正。