1.進入APITable，在想要創建小程序的看板頁面點擊右上角的【小程序】，進入小程序編輯頁面。

?

?2.創建一個新的小程序區。

?點擊【+ 添加小程序】

?點擊創建小程序，選擇模板，輸入名字。

?

?3.確定后進入小程序部署引導頁面。

?4.打開Xshell 7，我這里的APITable是部署在服務器上的，所以需要在服務器所在終端進行操作而不是在本地部署。不然會報錯找不到或者路徑錯誤。

?雙擊進入服務器后，在終端按照引導提示復制粘貼就可以了。步驟如下：

---

---

?

?這里遇到了一個報錯，9000端口被占用，查看占用程序，并不是必須程序，關閉再來一遍widget-cli start 就可以了。

這里需要注意的是盡量不要關閉在運行的端口程序，不然會出現僵尸程序的情況。這里就建議直接在widget-cli啟動的時候直接給一個新的端口。例如：

widget-cli start --port 1314

?

?復制他給我們的url，去到APITable頁面。

這里需要注意，把localhost改為服務器的地址：

出現瀏覽器警示錯誤：?

報錯信息：

請先解除瀏覽器對于加載本地代碼的安全限制

1. 在瀏覽器中打開 chrome://flags/#allow-insecure-localhost

2. 將高亮選項的設置從 Disabled 改為 Enabled

3. 重啟瀏覽器，使新的配置生效

5.解決 【瀏覽器對于加載本地代碼的安全限制】的錯誤。

打開 chrome://flags/#allow-insecure-localhost。將Disabled 改為 Enabled。

重啟瀏覽器。

回到APITable頁面，發現問題沒有解決。還是讓我們解除瀏覽器的安全訪問權限。

6.解決問題。

打開瀏覽器，粘貼預覽要用到的url。

?Chrome瀏覽器告知我們會有風險，點擊高級，點擊繼續訪問。

會出現JS源碼。

?回到APITable頁面，再次點擊預覽，問題解決，成功進入預覽頁面。