起步
還是用我們熟悉的vs code來試試。
已經(jīng)安裝過vue/cli的，第一行全局安裝可以不執(zhí)行：
npm install -g @vue/cli
vue create -p dcloudio/uni-preset-vue uni-map
上面的項(xiàng)目名(uni-map)中別用大寫字母。
鍵盤選擇hello uni-app模板回車。
cd uni-map
npm run serve
這時(shí)http://localhost:8080/h5/已經(jīng)運(yùn)行起來了。
微信公眾號(hào)的坑
首先得有https的服務(wù)器和接口，上一篇文章專門有申請(qǐng)和配置的方法了。
第二域名和上傳下載服務(wù)器地址需要配置，每個(gè)月只能配5次。
第三個(gè)人小程序不能配置web-view業(yè)務(wù)域名，通過調(diào)試時(shí)不效驗(yàn)臨時(shí)解決。（這里發(fā)布時(shí)要注意了）
第四圖片路徑找不到，需要通過絕對(duì)路徑
微信登錄的坑
報(bào)錯(cuò)信息：getUserInfo:fail scope unauthorized。獲取用戶信息直接跳到了錯(cuò)誤回調(diào)
原來微信屏蔽了getUserInfo的接口，必須通過一個(gè)button來做這個(gè)事。uni-app的登錄那里寫的很模糊，搞得我都要放棄了。結(jié)果在button的文檔里找到了事件綁定的名稱
必須用
<button open-type='getUserInfo' @getuserinfo="getUser">獲取微信 </button>
這樣一個(gè)按鈕才能在this.getUser(info)方法里拿到info
map高度的坑
app和小程序都直接使用100vh指定高度，沒問題。h5的不對(duì)，暫時(shí)沒找到解決辦法。
高德地圖和定位sdk在打包時(shí)失效的問題
這里碰到了打包的問題，原來sdk里有相應(yīng)的keystore和包名必須對(duì)應(yīng)。
由于真機(jī)調(diào)試可用，打包不行，找了半天原因，感謝官方34群H&L大神幫助。
按下面3篇文章順序執(zhí)行，順利打包。
制作安卓簽名證書
使用證書SHA1和包名申請(qǐng)高德地圖key
使用證書云端打包
