零代碼開(kāi)發(fā)小程序，所見(jiàn)即所得，操作簡(jiǎn)單，版本迭代更新快是大多數(shù)企業(yè)的最佳小程序解決方案。如何即時(shí)預(yù)覽開(kāi)發(fā)好的小程序呢？一定要申請(qǐng)小程序賬號(hào)嗎？還是通過(guò)H5網(wǎng)頁(yè)就可以預(yù)覽了呢？

零代碼<不等于>自動(dòng)生成

零代碼小程序開(kāi)發(fā)，不是用javascript腳本自動(dòng)生成，如果那樣，用戶體驗(yàn)很差，畢竟打開(kāi)應(yīng)用的時(shí)候會(huì)有長(zhǎng)時(shí)間的空白和等待。預(yù)覽小程序的開(kāi)發(fā)效果，不應(yīng)該是H5網(wǎng)頁(yè)，因?yàn)檫@兩種技術(shù)不相通。

?

純忽悠的零代碼開(kāi)發(fā)：

頁(yè)面中嵌入一個(gè)webview（網(wǎng)頁(yè)瀏覽器控件），通過(guò)一個(gè)網(wǎng)址現(xiàn)在網(wǎng)頁(yè)。

【點(diǎn)評(píng)】純粹忽悠，可以回家打醬油了。

?

不負(fù)責(zé)的零代碼開(kāi)發(fā)：

頁(yè)面里面嵌入一個(gè)富媒體控件，通過(guò)網(wǎng)絡(luò)請(qǐng)求獲取html代碼，渲染這個(gè)控件。

【點(diǎn)評(píng)】如果手機(jī)不聯(lián)網(wǎng)，并且沒(méi)有做緩存，用戶看到的就是一片空白。

?

負(fù)責(zé)任的零代碼開(kāi)發(fā)：

1，小程序預(yù)加載內(nèi)容框架

2，檢查本地緩存，如果有，則將內(nèi)容渲染到框架中。

3，如果沒(méi)有本地緩存，或者緩存過(guò)期，并且網(wǎng)絡(luò)連接正常，則請(qǐng)求服務(wù)器上的最新內(nèi)容。

4，如果手機(jī)沒(méi)有聯(lián)網(wǎng)，通過(guò)緩存依然可以讓APP和小程序內(nèi)容飽滿。

預(yù)覽原生開(kāi)發(fā)的小程序

零代碼開(kāi)發(fā)小程序，涉及到小程序的基礎(chǔ)設(shè)置選項(xiàng)、界面結(jié)構(gòu)和排版，以及數(shù)據(jù)的管理。設(shè)置路徑為：

SaaS云后臺(tái)：信息中心>>小程序商城
或者
SaaS云后臺(tái)：信息中心>>通版商城V2

?

預(yù)覽小程序的設(shè)置效果可以通過(guò)銅版商城或閑魚(yú)電商這兩個(gè)小程序掃描自己的小程序碼，直接查看原生開(kāi)發(fā)的小程序效果。獲取這個(gè)功能的路徑為：

?

SaaS云后臺(tái)：信息中心>>商城小程序

?

在做小程序的在線自動(dòng)生成的過(guò)程中，預(yù)覽最終的效果應(yīng)該也是通過(guò)掃描小程序的太陽(yáng)碼，從而打開(kāi)原生的小程序?qū)崿F(xiàn)的。如果你掃描的是一個(gè)普通的二維碼，而且打開(kāi)的也不是一個(gè)小程序，那么基本可以認(rèn)為這個(gè)小程序是用H5模擬的，至于優(yōu)缺點(diǎn)，請(qǐng)參考本文的上半部分。