• Web 態(tài)概述
  • 1. 『搜索 Web 態(tài)』場景：
  • 2. 『分享 Web 態(tài)』場景：
• 一、域名配置
• 二、Web 態(tài)頁面地址
  • 1. 搜索 Web 態(tài)頁面地址
  • 2. 分享 Web 態(tài)頁面地址
• 三、Web 態(tài)預(yù)覽
  • 1. 搜索 Web 態(tài)預(yù)覽
  • 2. 分享 Web 態(tài)預(yù)覽
  • 3. 獲取 Web 態(tài)地址
• 四、分享 Web 態(tài)調(diào)試

Web 態(tài)概述

Web 態(tài)是百度小程序包在后臺自動轉(zhuǎn)化得到的一個 H5 版本的小程序，其功能與展示形式與小程序一致。Web 態(tài)目前有兩個核心使用場景：

創(chuàng)新互聯(lián)建站-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比西崗網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式西崗網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋西崗地區(qū)。費(fèi)用合理售后完善，十余年實(shí)體公司更值得信賴。

1. 『搜索 Web 態(tài)』場景：

百度智能小程序?yàn)殚_發(fā)者提供了 對接百度搜索生態(tài)的能力。 由于智能小程序運(yùn)行在宿主 App 中，無法被爬蟲感知，所以需要對智能小程序進(jìn)行 Web 態(tài)的處理。 搜索場景的 Web 態(tài)使得小程序能夠接入自然搜索流量，關(guān)于如何接入自然搜索流量請閱讀 接入自然搜索結(jié)果。

2. 『分享 Web 態(tài)』場景：

由于將小程序內(nèi)容分享至百度 APP 端外后，用戶在回流頁只能看到通用回流引導(dǎo)，無法查看分享的具體內(nèi)容，獲取分享信息的路徑較長且回流折損高。因此，百度智能小程序?yàn)殚_發(fā)者提供了分享 Web 態(tài)功能，可以將小程序自動轉(zhuǎn)化成 web 版本，其功能和內(nèi)容展示與小程序基本一致，能在端外的回流頁直接展現(xiàn)用戶分享的小程序內(nèi)容，為用戶提供優(yōu)質(zhì)的閉環(huán)體驗(yàn)，提升用戶回流率及轉(zhuǎn)化率，也能更好的刺激用戶分享。

關(guān)于端外分享場景的體驗(yàn)及接入流程詳見 如何在端外場景提供優(yōu)質(zhì)的小程序閉環(huán)體驗(yàn)

Web 態(tài)對小程序開發(fā)者來說是透明的，開發(fā)者幾乎不用做額外的適配即可完成轉(zhuǎn)換（由于 H5 與客戶端天然存在的差異，針對 Web 態(tài)的場景，我們?nèi)杂幸恍?開發(fā)建議 希望開發(fā)者能夠關(guān)注）。

一、域名配置

預(yù)覽 Web 態(tài)前，請確保已經(jīng)配置了以下合法域名，否則可能會由于請求失敗而導(dǎo)致頁面白屏。

1. 用于發(fā)起頁面請求的 『服務(wù)器域名』
2. 用于調(diào)用 Webview 組件所打開網(wǎng)頁的 『業(yè)務(wù)域名』（如果使用了 Webview 組件）

注意：出于瀏覽器的安全策略，不允許在 web-view 組件中訪問 http 協(xié)議的鏈接，請配置 https 安全鏈接。

配置方式：小程序開發(fā)者平臺 → 設(shè)置 → 開發(fā)設(shè)置 → 服務(wù)器域名、業(yè)務(wù)域名

二、Web 態(tài)頁面地址

• 每個小程序都有唯一的子域名，查看方式詳見本文檔的『 三、Web 態(tài)預(yù)覽 3.獲取 Web 態(tài)地址』；
• URL 中 path 和 query 部分和小程序頁面中的 path 和 query 一致。比如：上例對應(yīng)的小程序頁面在百度 APP 中的打開路徑即為 /pages/detail/index?id=1；
• 如 URL 未指定 path 和 query，默認(rèn)跳轉(zhuǎn)首頁。

1. 搜索 Web 態(tài)頁面地址

對于搜索場景，Web 態(tài)的 URL 即上述通用地址：

https://xx.smartapp.cn/pages/detail/index?id=1

在測試環(huán)節(jié)，需添加 _swebfr=0 的 query 參數(shù)以指定該場景，用來回歸 setPageInfo 等功能。

2. 分享 Web 態(tài)頁面地址

對于分享場景，Web 態(tài)的 URL 中會增加 _swebfr=1 的 query 參數(shù)用以區(qū)分該場景，對于上述的 Web 態(tài)地址所對應(yīng)的分享地址為：

https://xx.smartapp.cn/pages/detail/index?id=1&_swebfr=1

三、Web 態(tài)預(yù)覽

1. 搜索 Web 態(tài)預(yù)覽

• 在登錄狀態(tài)下，點(diǎn)擊 『預(yù)覽』 按鈕，彈出窗中切換到 『WEB 預(yù)覽』 Tab，可以使用手機(jī)瀏覽器掃描該二維碼，查看真機(jī)瀏覽器下的 Web 態(tài)效果。
• 也可以點(diǎn)擊彈窗中的 『在瀏覽器中調(diào)試』，通過 PC 端的瀏覽器查看和調(diào)試 Web 態(tài)頁面。

2. 分享 Web 態(tài)預(yù)覽

• 對于開通了 Web 態(tài)分享的小程序，在登錄狀態(tài)下，點(diǎn)擊 『預(yù)覽』 按鈕，彈出窗中可切換到 『分享WEB化』 Tab，可以使用手機(jī)瀏覽器掃描該二維碼，查看真機(jī)瀏覽器下的分享 Web 態(tài)效果。
• 也可以點(diǎn)擊彈窗中的 『在瀏覽器中預(yù)覽』，通過 PC 端的瀏覽器查看和調(diào)試 Web 態(tài)頁面。

3. 獲取 Web 態(tài)地址

使用上述的『在瀏覽器中調(diào)試』/『在瀏覽器中預(yù)覽』可以查看相應(yīng)的 Web 態(tài)地址。用瀏覽器中打開后，該 URL 的域名即是該小程序的 Web 態(tài)真實(shí)域名。
預(yù)覽環(huán)境的 URL 后有 appKey 參數(shù)，正式線上環(huán)境下沒有該 appKey 參數(shù)。
『分享 Web 態(tài)』場景有_swebfr=1參數(shù)。

四、分享 Web 態(tài)調(diào)試

在 3.16.1 及以上版本的開發(fā)者工具中，對于開通了分享 Web 態(tài)的小程序，增加了 『分享 Web 態(tài)調(diào)試』 的功能。
點(diǎn)擊菜單欄的 『分享 Web 態(tài)調(diào)試』 即可彈出 Chrome 調(diào)試窗口，在工具中編輯源碼后，調(diào)試窗口會實(shí)時更新，開發(fā)者可以像調(diào)試普通 H5 網(wǎng)頁一樣調(diào)試分享場景的 Web 態(tài)小程序。

更多開發(fā)注意事項(xiàng)請閱讀 Web 態(tài)開發(fā)建議。

網(wǎng)頁題目：創(chuàng)新互聯(lián)百度小程序教程：Web 態(tài)概述
瀏覽路徑：http://www.dlmjj.cn/article/cdijgsi.html