之后創(chuàng)建項(xiàng)目，就會(huì)生成基本的頁面模板
4 項(xiàng)目結(jié)構(gòu)組織
├── images //項(xiàng)目用到的圖片資源 ├── pages //頁面結(jié)構(gòu) │ ├── index //主頁面結(jié)構(gòu) 顯示列表信息 │ │ ├── index.js │ │ ├── index.json │ │ ├── index.wxml │ │ └── index.wxss │ ├── location //信息在地圖上撒點(diǎn) │ │ ├── location.js │ │ ├── location.json │ │ ├── location.wxml │ │ └── location.wxss │ ├── location-detail //詳細(xì)的文字路徑描述 │ │ ├── location.js │ │ ├── location.json │ │ ├── location.wxml │ │ └── location.wxss │ ├── author //小程序關(guān)于界面 │ │ ├── author.js │ │ ├── author.json │ │ ├── author.wxml │ │ └── author.wxss ├── readme //編寫readme需要的相關(guān)資源圖片 ├── resource //第三方資源包 │ ├── lib │ ├── map ├── utils //工具類方法 ├── app.js ├── app.json ├── app.wxss ├── README.md
邏輯不是很難(參看源碼即可)，只需要考慮到?jīng)]有權(quán)限、沒有網(wǎng)絡(luò)和沒有數(shù)據(jù)的頁面顯示情況的特殊處理。這里需要提醒的是，數(shù)據(jù)來源是騰訊提供的周圍搜索，所以需要在小程序中綁定請(qǐng)求的url，然后在編輯器項(xiàng)目選項(xiàng)配置中刷新按鈕，調(diào)試才會(huì)正常請(qǐng)求。如果自己開發(fā)接口進(jìn)行訪問，一定要是https協(xié)議。
在編輯器左邊的項(xiàng)目按鈕，可以對(duì)正在開發(fā)的項(xiàng)目進(jìn)行預(yù)覽，這樣就可以邊開發(fā)邊調(diào)試。
之后開發(fā)完成可以進(jìn)行上傳，在小程序開發(fā)管理界面可以選擇剛提交上來的項(xiàng)目作為體驗(yàn)版本，先讓周圍的朋友進(jìn)體驗(yàn)下測(cè)試。注意，選了體驗(yàn)版本之后還需要在用戶身份界面綁定體驗(yàn)者(可以綁定十個(gè)體驗(yàn)者)。如果在體驗(yàn)的過程發(fā)現(xiàn)bug，還可以進(jìn)行修改，畢竟還沒有上線。
經(jīng)過體驗(yàn)之后，發(fā)現(xiàn)bug可以進(jìn)行修改反復(fù)步驟，待問題全部解決，最后就可以上線了。點(diǎn)擊按鈕可以進(jìn)行審核(我這個(gè)需要了兩天)，通過之后你綁定的微信為推送消息提醒你，審核通過不代表就發(fā)布了，需要自己登陸管理平臺(tái)，手動(dòng)將審核通過小程序進(jìn)行發(fā)布。發(fā)布之后由于網(wǎng)絡(luò)原因，可能會(huì)出現(xiàn)一定的延遲，在小程序中搜索不到發(fā)布的信息，耐心等待，過一會(huì)就好了。
總的來說，開發(fā)不難，特別是對(duì)于已經(jīng)熟悉react、vue、angular的語法同學(xué)們。在開發(fā)之前先把官網(wǎng)的介紹看看，開發(fā)文檔過一遍，大致有個(gè)印象。然后在網(wǎng)上找找與小程序相關(guān)的ui框架，結(jié)合使用，讓后看看騰訊或者高德關(guān)于小程序的地圖API文檔。<p segoe="" ui",="" helvetica,="" arial,="" "apple="" color="" emoji",="" "segoe="" ui="" symbol",="" "liberation="" sans",="" "pingfang="" sc",="" "microsoft="" yahei",="" "hiragino="" sans="" gb",="" "wenquanyi="" micro="" hei",="" zen="" "st="" heiti",="" simhei,="" hei="" sharp",="" sans-serif;="" font-size:="" 15px;="" background-color:="" rgb(255,="" 255,="" 255);"="">現(xiàn)在的功能是有點(diǎn)簡(jiǎn)單，但是已經(jīng)夠滿足實(shí)際使用，后續(xù)有空也將會(huì)進(jìn)行功能完善。
