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