国产 无码 综合区,色欲AV无码国产永久播放,无码天堂亚洲国产AV,国产日韩欧美女同一区二区

uni-app 使用webview加載H5打開微信小程序

這篇具有很好參考價值的文章主要介紹了uni-app 使用webview加載H5打開微信小程序。希望對大家有所幫助。如果存在錯誤或未考慮完全的地方,請大家不吝賜教,您也可以點擊"舉報違法"按鈕提交疑問。

最近公司有個需求要求在app里點擊一個功能打開小程序,并且關閉小程序回到app,模仿平安保險app。

畢竟我也是剛學習uni-app,找了很多資料,找到了一個天天外鏈的網(wǎng)站可以生成一個小程序的鏈接,使用uni的webview去加載這個鏈接,很好,需求滿足,但是收費,那能不能自己做呢,可以,研究了一下天天外鏈生成的鏈接,發(fā)現(xiàn)是個html結尾的,那么正好H5里可以直接使用location.href去加載外鏈的,思路有了,開始動手。

1,首先使用uni的webview去加載一個H5頁面,這個頁面需放在自己公司的測試服務器上哦

uni-app 使用webview加載H5打開微信小程序

?2,html文件寫入location,href = '小程序的鏈接',就會實現(xiàn)自動跳轉,也可以加一個按鈕防止跳轉失敗,讓用戶點擊按鈕跳轉

uni-app 使用webview加載H5打開微信小程序

?3,最重要的一步,如何生成這個小程序的鏈接

? ? ? ? (1),登錄微信開放平臺

? ? ? ? (2),點擊小程序,點擊服務端,點擊獲取scheme碼,點擊調試工具

????????????????uni-app 使用webview加載H5打開微信小程序????????(3)在線生成scheme碼

uni-app 使用webview加載H5打開微信小程序

? ? ? ?(4),請求成功之后在在線調用這里可以看到,如果失敗請按照文檔檢查一下參數(shù)

uni-app 使用webview加載H5打開微信小程序

4,這個就是你小程序的碼了,復制到你的html文件里用location,href就可以跳轉啦,看上面第二步。

注意:

注意:

注意:

為確保小程序鏈接合理使用,自?2022 年 4 月 11 日起,URL Scheme?和?URL Link?(以下統(tǒng)稱為 “鏈接” )接口能力規(guī)則將進行以下調整:

  1. 每個 URL Scheme 或 URL Link 有效期最長 30 天,均不再支持永久有效的鏈接、不再區(qū)分短期有效鏈接與長期有效鏈接;
  2. 鏈接生成后,若在微信外打開,用戶可以在瀏覽器頁面點擊進入小程序。每個獨立的鏈接被用戶訪問后,僅此用戶可以再次訪問并打開對應小程序,其他用戶無法再次通過相同鏈接打開該小程序;
  3. 單個小程序每天生成鏈接數(shù)(URL Scheme 和 URL Link 總數(shù))上限為 50 萬條。

對于上述 1,在開發(fā)層面,相應的服務端接口?urlscheme.generate?和?urllink.generate?將進行以下調整:

  1. is_expire 值固定為 true,可不再傳該值,若傳值為 false 也與 true 一樣會生成到期失效鏈接;
  2. 若 expire_type 傳值為 0,需注意 expire_time 傳值的時間戳不超過 30 天,即該參數(shù)最長傳值有效期為 30 天;若 expire_type 傳值為 1,需注意 expire_interval 傳值范圍為 [1, 30],即該參數(shù)最長傳值間隔天數(shù)為 30。

也就說一個鏈接只能被一個人跳轉,要想實現(xiàn)每個用戶都可以跳轉,可讓后端配合寫接口動態(tài)生成鏈接,前端需在跳轉之前調用接口,實現(xiàn)每個用戶下發(fā)不同H5鏈接。

詳情請看官網(wǎng)小程序鏈接生成與使用規(guī)則調整公告:

小程序鏈接生成與使用規(guī)則調整公告 | 微信開放社區(qū)各位開發(fā)者:為確保小程序鏈接合理使用,自 2022 年 4 月 11 日起,URL Scheme 和 URL Link (以下統(tǒng)稱為 “鏈接” )接口能力規(guī)則將進行以下調整:每個 URL Scheme 或 URL Link 有效期最長 30 天,均不再支持永久有效的鏈接、不再區(qū)分短期有效鏈接與長期有效鏈接;鏈接生成后,若在微信外打開,用戶可以在瀏覽器頁面點擊進入小程序。每個獨立的鏈接被用戶訪問后,僅此用戶可以再次訪問并打開對應小程序,其他用戶無法再次通過相同鏈接打開該小程序;單個小程序每天生成鏈接數(shù)(URL Scheme 和 URL Link 總數(shù))上限為 50 萬條。 對于上述 1,在開發(fā)層面,相應的服務端接口 urlscheme.generate 和 urllink.generate 將進行以下調整:is_expire 值固定為 true,可不再傳該值,若傳值為 false 也與 true 一樣會生成到期失效鏈接;若 expire_type 傳值為 0,需注意 expire_time 傳值的時間戳不超過 30 天,即該參數(shù)最長傳值有效期為 30 天;若 expire_type 傳值為 1,需注意 expire_interval 傳值范圍為 [1, 30],即該參數(shù)最長傳值間隔天數(shù)為 30。詳細對比見下表:已使用該后端接口的開發(fā)者可以不進行任何修改,不會出現(xiàn)返回異常。若傳值超過新規(guī)則合法值,或聲明使用永久有效的鏈接,則均會被賦最長有效期值(30天);需注意以上新規(guī)則生效后的有效期和訪問規(guī)則變化。在本次規(guī)則調整生效前已經(jīng)生成的鏈接,也將自動生效以下規(guī)則:如果有效期超過30天或長期會被降級為30天有效,開始時間從調整日期開始計算;在調整生效后,只能被1個用戶訪問。當前已使用微信云開發(fā) 靜態(tài)網(wǎng)站H5跳小程序 與 短信跳小程序、微信服務平臺短信服務為用戶提供鏈接的功能不受影響,但同樣適用以上規(guī)則。 微信團隊 2022年3月9日相關QAQ1:每天下發(fā)的短信量級超過50萬條,不夠用怎么辦?A1:可將生成 scheme 的時機改為在用戶打開 H5 時再生成:https://developers.weixin.qq.com/community/develop/doc/000aeab88a4ea0c5c89d81fde5b801服務端調取微信接口請看官網(wǎng):

后端 API | 微信開放文檔微信開發(fā)者平臺文檔https://developers.weixin.qq.com/miniprogram/dev/framework/server-ability/backend-api.html文章來源地址http://www.zghlxwxcb.cn/news/detail-416993.html

到了這里,關于uni-app 使用webview加載H5打開微信小程序的文章就介紹完了。如果您還想了解更多內容,請在右上角搜索TOY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關文章,希望大家以后多多支持TOY模板網(wǎng)!

本文來自互聯(lián)網(wǎng)用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。如若轉載,請注明出處: 如若內容造成侵權/違法違規(guī)/事實不符,請點擊違法舉報進行投訴反饋,一經(jīng)查實,立即刪除!

領支付寶紅包贊助服務器費用

相關文章

  • uni-app微信小程序打開第三方地圖

    uni-app微信小程序打開第三方地圖

    小程序中有個按鈕點擊以后會調用手機中第三方地圖進行導航。 參數(shù) 位置信息 經(jīng)度 與緯度。 原本以為一切順利,結果在微信開發(fā)者工具中顯示如下: location參數(shù)格式錯誤,請正確填寫 經(jīng)過測試發(fā)現(xiàn),因為我在微信小程序中使用,所以默認會使用騰訊地圖來顯示。 而我的經(jīng)

    2024年02月06日
    瀏覽(103)
  • Vue.js uni-app 混合模式原生App webview與H5的交互

    Vue.js uni-app 混合模式原生App webview與H5的交互

    在現(xiàn)代移動應用開發(fā)中,原生App與H5頁面之間的交互已經(jīng)成為一個常見的需求。本文將介紹如何在Vue.js框架中實現(xiàn)原生App與H5頁面之間的數(shù)據(jù)傳遞和方法調用。我們將通過一個簡單的示例來展示如何實現(xiàn)這一功能。 效果圖如下: 首先,我們需要在Vue.js項目中引入原生App與H5頁面

    2024年02月16日
    瀏覽(22)
  • uni-app打開外部鏈接方式匯總(h5&app)

    問題描述 在應用中打開一個外部的html頁面,即完整http鏈接的頁面。h5通過window.open或是內嵌iframe基本都沒有問題,本文主要針對app端的方法進行匯總,不涉及到小程序端。 方案1 使用uni-app的擴展組件 uni-link ,使用參考文檔uni-app官網(wǎng) 該組件的行為是在app內打開外部瀏覽器,

    2024年02月01日
    瀏覽(21)
  • uni-app vue3 封裝socket 兼容微信小程序 釘釘小程序 H5 App 全局唯一

    前端小伙伴使用uni-app開發(fā)長連接通信的時候都會有以下疑問 在網(wǎng)上搜到的封裝socket都沒講怎么全局公用一個呢? 同一個 子協(xié)議或者我我們叫type類型型我想在兩個頁面都接受使用怎么做呢? 目前能搜到的socket 封裝好像都沒講清楚這個東西,或者壓根沒考慮 下面給大家詳細

    2024年02月13日
    瀏覽(98)
  • 微信小程序web-view嵌入uni-app H5頁面,通過H5頁面跳轉其他小程序如何操作?

    微信小程序web-view嵌入uni-app H5頁面,通過H5頁面跳轉其他小程序如何操作?

    ?微信小程序appId查看方法: 1)有后臺登錄權限的情況下:登錄微信公眾平臺后, 微信公眾平臺 微信公眾平臺,給個人、企業(yè)和組織提供業(yè)務服務與用戶管理能力的全新服務平臺。 https://mp.weixin.qq.com/ 點擊右上角logo,在“帳號信息”中找到AppID(小程序ID) 2)沒有后臺登錄權

    2024年02月11日
    瀏覽(90)
  • 微信小程序web-view嵌入uni-app H5頁面,通過H5頁面跳轉企業(yè)微信客戶聊天窗口如何操作?

    微信小程序web-view嵌入uni-app H5頁面,通過H5頁面跳轉企業(yè)微信客戶聊天窗口如何操作?

    1)找到企業(yè)ID,登錄?企業(yè)微信 企業(yè)微信 https://work.weixin.qq.com/wework_admin/loginpage_wx ?2)找到接入鏈接? 功能-客服-微信客服 微信公眾平臺,給個人、企業(yè)和組織提供業(yè)務服務與用戶管理能力的全新服務平臺。 https://mp.weixin.qq.com/

    2024年02月11日
    瀏覽(97)
  • uni-app uni-file-picker文件上傳實現(xiàn)拍攝從相冊選擇獲取圖片上傳文檔服務器(H5上傳-微信小程序上傳)

    uni-app uni-file-picker文件上傳實現(xiàn)拍攝從相冊選擇獲取圖片上傳文檔服務器(H5上傳-微信小程序上傳)

    前言 最近在使用uni-app寫H5移動端,有一個從手機拍攝從相冊選擇獲取圖片上傳到文檔服務器功能。 查閱uni-app發(fā)現(xiàn)關于上傳圖片,uni-file-picker文件上傳,uni.chooseImage,uni.uploadFile H5上傳時它和pc端原理差不多,都是file對象上傳,PC端是通過new file對象,uni-app是直接提供了 微信

    2024年02月15日
    瀏覽(95)
  • 不同平臺使用不同技術實現(xiàn)微信好友、朋友圈分享匯總(H5、taro、uni-app)

    不同平臺使用不同技術實現(xiàn)微信好友、朋友圈分享匯總(H5、taro、uni-app)

    人生路漫漫,坑,是活久了見。程序猿世界里各種奇葩的需求都有,隨之而來的各種坑也是層出不窮。 應前IBM同事邀請?zhí)貋碜龇窒淼膶n}總結。一般人我不告訴他,刷到的朋友們就賺到了,你懂的~~~~~~收藏吧! ??事情前情概述,昨天IBM的同事前來咨詢我怎樣實現(xiàn)微信分享功

    2024年02月15日
    瀏覽(92)
  • uni-app微信小程序使用echarts

    uni-app微信小程序使用echarts

    前言:本來是使用的ucharts,但因為無法監(jiān)聽圖例點擊交互,滿足不了需求,所以只能放棄。 首先,下載echart組件??梢韵入S便建個文件夾,然后 npm init。接著下載依賴 然后找到 node_modulesmpvue-echarts下的文件,如圖 只留下src,其他的刪掉(沒有用到)。然后復制 mpvue-echart

    2024年02月10日
    瀏覽(95)

覺得文章有用就打賞一下文章作者

支付寶掃一掃打賞

博客贊助

微信掃一掃打賞

請作者喝杯咖啡吧~博客贊助

支付寶掃一掃領取紅包,優(yōu)惠每天領

二維碼1

領取紅包

二維碼2

領紅包