微信應(yīng)用號開發(fā)工具使用教程：

　　1、在電腦中先畫好一個雛形，再選擇功能模板的位置安放，最后一旦確定好總體架構(gòu)，就可以開始設(shè)計組件布局。

　　第一要做的是畫出頁面流程圖，流程圖主要用于確定每個功能模塊的交互細節(jié)。當(dāng)你把所有的交互場景都畫出來后，那么應(yīng)用號所需要的頁面也就基本上完成了。這時，你就需要與設(shè)計師一起，對所有頁面進行UI設(shè)計與頁面美化了。

　　最終生成的Web App的原型：包括所有頁面設(shè)計與交互流程。現(xiàn)在獻上做微商城大概的設(shè)計頁面框架，給大家一個思路。

　　2、登錄賬號后，選擇空白模板，自己建模板。自己沒UI的，如果你們想省時間，我覺得可以套用模板，可以比較快的生成自己想要的Web App。

　　3、看不懂組件名稱，不懂組件怎么用?看看《幫助》!《幫助》都已經(jīng)把大致的布局進行了粗略的介紹。至少不會讓自己對功能模模糊糊。如果對某個組件還是不清楚，那么可以點擊那個組件的右上角的小問號圖標(biāo)，會有一個詳細的介紹。

　　4、先插入一個頂部導(dǎo)航組件，作為首頁，頂部導(dǎo)航的標(biāo)題我建議都是大家的公司或者商城名稱

　　5、然后創(chuàng)建一個輪播圖組件做Banner，因為我做的是微商城，用輪播的方式播放一些我修好的商品圖片。然后在右邊的組件內(nèi)容中對每個輪播圖片逐一添加相對應(yīng)頁面鏈接去向。