["準備開始"]
你應該要具備一定的編程能力才能撰寫WebApp。在本教學我們將會假設閣下己經擁有HTML CSS JS PHP的編程技巧。
你需要先於AOR建立一個資料夾並命名成你想要的名字。例如"Photo","Video","Photo"。我們並不建議資料夾有空格或有特殊字符,否則將有可能出現問題。
首先我們假設你打算建立一個名為floppybird的WebApp,所以你需要先在AOR上建立一個名為floppybird
的資料夾
下一步你將需要建立基本的資料夾結構。最簡單模組應該要包含以下的檔案。
index.php
description.txt
img/function_icon.png
以下檔案是建議但並非必要添加
manifest.json
img/small_icon.png
img/desktop_icon.png
README.md
readme.txt
FloatWindow.php
embedded.php
提示: 檔案名是區分大小寫。
檔案名 |
這是什麼 | 用途 |
---|---|---|
index.php | 啟動時的主頁面 | 在主頁面啟動WebApp時將會重定向到該頁 |
description.txt | 儲存WebApp描述 | 程式描述,會於主頁顯示。 |
img/function_icon.png | 512 x 512 px 解像度,PNG格式的圖片 | 主頁圖案,如沒有small_icon.png圖案則會以此取代 |
manifest.json | 漸進式網絡應用程式文件 | 用作支援漸進式網絡應用程式 |
img/small_icon.png | 64 x 64 px 解像度,PNG格式的圖片 | 開始功能表圖示 |
img/desktop_icon.png | 128 x 128 px 解像度,PNG格式的圖片 | 捷徑圖未,通常圓形 |
README.md / readme.txt | 讀我檔案 | README.md 是 Git 服務所用的格式。readme.txt 是 ArOZ Help 模組所用的格式 |
FloatWindow.php |
floatWindow設定 | 用於在桌面顯示的程式設定 |
embedded.php | 用於開啟檔案時回應的接入點。通常有"filepath"和"filename"使用GET傳送至本頁。 | 於桌面/檔案總管時開啟檔案的回應頁 |
太好了!你的WebApp己經準備好了。你可以繼續閱讀本教學!