WooCommerce 微信小程序不需要下載安裝,只需要在 WordPress 微信中搜索或者掃一下就可以直接使用,也體現了 “用完即走” 的理念,多用户不用關心是否安裝太多應用的問題。應用將無處不在,隨時可用,但又無需安裝解除安裝,同時依靠 WordPress 微信的流量來源,也能夠為企業和商家帶來大量的流量。這也就是現在 WooCommerce 小程序發展火爆的原因,同時也是企業和商家爭先開發的根本目的。那 WooCommerce 小程序開發之後如何導出到線上提供服務呢?
首先要預覽,開發者(商家)開發完一 WooCommerce 小程序後,都需要在手機上先預覽一下再發布,因為由於各種原因會導致錯誤,我們為了檢視有沒有問題,或想看看真實的體驗怎麼樣。這一步必不可少!如下圖所示,選擇 “專案”,再點選 “預覽” 。
如果開發者 (商家) 的 appId 沒問題的話,預設選項這裏就會自動打包壓縮上傳代碼 (一般情況就選擇預設選項),打包壓縮完之後的代碼非常小,我們本例中的 demo,打包壓縮後大小隻有 20k 左右。上傳完之後,就會彈出一個二維碼。百度稽核不通過這裏就不上傳二維碼截圖了。
這個就類似於我們看到的其他商家的 WooCommerce 小程序二維碼,只不過這個臨時的預覽二維碼只能用開發者自己的二位碼在規定的時間內掃描使用(半個小時)!第一次掃描二維碼登陸,由於要載入一些資原始檔,所以會出現下面所示的界面。
等待載入完成後,我們就可以看到真正的主頁內容:(我們都知道 WooCommerce 小程序的效果看起來跟 html5 沒什麼區別)。
預覽的同時,我們還可以對 WooCommerce 小程序進行除錯,點選右上角 “…” 彈出來的選單按鈕,我們可以選擇開啓除錯,如下圖所示:
點選 vConsole 後,我們就可以進入控制枱頁面,在控制枱頁面多用户可以看到有兩個主要的 tab,一個 LOG:記錄程序打出來的普通日誌,包含 Info 、 Warn 、 Error 等;另一個是 System 系統的信息, 主要是檢視系統及網絡相關的一些信息。如下圖所示:
如果預覽除錯都沒有什麼問題,那麼就可以選擇上傳到 WordPress 微信後台,這裏也只有管理員和開發者才能進行操作。可以看到上傳的編譯包大小其實是很小的,只有 24k,這裏主要是沒有本地圖片的原因,有圖片的話會大些。
上傳完之後,下一步就是提交稽核。在此跨飛獨立站 WooCommerce 網站開發公司建議需要做這幾個操作:
(1)補充 WooCommerce 小程序的基本信息,如名稱、圖示、描述等
(2)如果導出者不是管理員,則必須要在這裏新增開發者,進行代碼上傳和導出
(3)配置 WooCommerce 服務器域名,如果您的 WooCommerce 小程序用到了網絡請求,那麼這裏要先在 “設置”-“開發設置” 裏新增域名。
(4)提交稽核
WooCommerce 小程序的基礎信息,如名稱、圖示等是這個賬號全域性的信息。 logo 圖示一個月內可申請修改 5 次。而名稱一旦設置,就不能再修改了,而且不得與公眾平台已有的訂閲號、服務號重複。
如果開發者本人就是管理員,則上面的第 2 步可以忽略,因為管理員 “自動擁有開發者的所有許可權,無需重複繫結” 。
一個郵箱賬號只能申請一個 WooCommerce 小程序,如果想開發多個 WooCommerce 小程序怎麼辦?WordPress 微信官方説明:除個體工商户類型可認證 5 個 WooCommerce 小程序外,其他類型一個主體可認證 50 個 WooCommerce 小程序。也就是説,如果您是企業主體,您可以弄 50 個郵箱,申請 50 個賬號,開發 50 個 WooCommerce 小程序,而且每個都必須認證才能導出。所以設置名稱要謹慎,一旦設置了一個,您就少了一次機會。
另外,對於 WooCommerce 服務器域名,再次強調一下,一定要配置 https,否則您是沒辦法用 api 進行網絡資料請求的,以上的這些在 WordPress 微信的官方也有介紹。
WooCommerce 小程序上傳完成後,進入 WordPress 微信公眾號後台,點選提交稽核,完成身份驗證後,填寫稽核信息。
提交稽核後,會彈出圖示二維碼。掃碼填充一些補充信息配置新增功能頁面,這些功能頁面,主要是為了方便多用户快速搜索到您的應用。可以新增多個功能頁面,增加被搜索到的概率。
提交後會顯示 “稽核中”,大概兩三個工作日會通過(這是作者的 WooCommerce 小程序稽核的時間,這個時間不一定,看具體情況)。提交稽核通過後,進入開發者管理,提交發布,WooCommerce 小程序才會導出到線上提供服務。