微信小程序開(kāi)發(fā)者的微信號(微信小程序開(kāi)發(fā)者權限開(kāi)通教程)
今天給各位分享微信小程序開(kāi)發(fā)者的微信號的知識,其中也會(huì )對微信小程序開(kāi)發(fā)者權限開(kāi)通教程進(jìn)行解釋?zhuān)绻芘銮山鉀Q你現在面臨的問(wèn)題,別忘了關(guān)注本站,現在開(kāi)始吧!
本文目錄一覽:
- 1、如何查詢(xún)微信小程序賬號
- 2、微信小程序開(kāi)發(fā)系列 (四) :微信小程序的頁(yè)面跳轉路由設計
- 3、HBuilderX配置微信開(kāi)發(fā)者工具后,微信開(kāi)發(fā)者工具顯示Fail to open IDE
如何查詢(xún)微信小程序賬號
小程序id怎么查看?有兩種方式,一種是在手機上,一種是在電腦上,下面是具體的查看方法。
一、移動(dòng)端查看微信小程序APPID方法
1.首先在微信上打開(kāi)任意微信小程序的任意頁(yè)面,點(diǎn)擊小程序右上角的【...】分享按鈕,再點(diǎn)擊小程序名稱(chēng)進(jìn)入即可。
2.其次進(jìn)入小程序詳租此情頁(yè),點(diǎn)擊更多資料,進(jìn)入即可
3.最后進(jìn)入小程序后臺高中,第三欄就是微信小程序APPID賬號,如圖所示:
二、PC端查看微信小程序APPID方法
1、登錄微信小程序管理后臺()
首先訪(fǎng)問(wèn)微信小程序管理后臺,輸入小程序賬弊念迅號和密碼,進(jìn)入小程序管理后臺,如圖所示:
2.依次點(diǎn)擊左側功能欄“設置”-“開(kāi)發(fā)設置”-開(kāi)發(fā)者ID,這里就可以查看到小程序APPID號,如圖所示:
微信小程序開(kāi)發(fā)系列 (四) :微信小程序的頁(yè)面跳轉路由設計
筆者由于工作需要,曾經(jīng)參加過(guò)一個(gè)微信小程序同 SAP 系統集成的項目,因此從零開(kāi)始學(xué)習了微信小程序的開(kāi)發(fā)知識。這里通過(guò)系列文章把自己所學(xué)分享出來(lái),希望對相關(guān)學(xué)習者有所幫助。
本教程前面三篇文章:
通過(guò)本系列前面三篇文章的介紹,大家對微信小程序的視圖和控制器,微信調試器的用法,以及如何消費微信平臺提供的 Public API,已經(jīng)有了一個(gè)最基本的認識了。在這個(gè)基礎上,本文讓我們進(jìn)一步學(xué)習微信小程序的頁(yè)面跳橡閉碰轉路由設計。
這個(gè)系列教程的前六篇文章我們都在單個(gè)的視圖上操作?,F在讓我們創(chuàng )建第二個(gè)視圖,然后實(shí)現從第一個(gè)視圖到第二個(gè)視圖的跳轉。
首先開(kāi)發(fā)第二個(gè)視圖:
做過(guò) Angular 開(kāi)發(fā)的朋友們對上面的視圖設計一定不會(huì )陌生。這個(gè)視圖的數據源由模型 logs 提供,是一個(gè)列表結果,列表每個(gè)元素的數據源是模型 logs 里的一條記錄,用 log 代表。
為了讓 log 看起來(lái)顯示更整齊,在 log 內容之前,顯示每條 log 的索引。因為 log 的索引從 0 開(kāi)始,所以用 {{index + 1}} 在梁談索引前加一,這樣顯示的索引更符合普通人的閱讀習慣。
這個(gè)視圖的控制器:
控制器 logs.js 的實(shí)現:
在控制器里調用 Page 構造函數,給當前控制器指定名為 logs 的數據模型。
這個(gè)數據模型的值填充,通過(guò)微信框架提供的 API wx.getStorageSync 來(lái)獲取。
wx.getStorageSync 的含義在微信小程序 官網(wǎng) 上有定義:從本地緩存中同步獲取指定 key 對應的內容。
第二個(gè)視圖的 UI 和控制器都開(kāi)發(fā)完畢,剩下的事情就是在第一個(gè)視圖里定義一個(gè)觸態(tài)野發(fā)點(diǎn),讓它能觸發(fā)到第二個(gè)視圖的跳轉。
我在第一個(gè)視圖上通過(guò)屬性 bindtap 綁定了一個(gè)點(diǎn)擊函數 bindViewTap :
bindViewTap 在第一個(gè)控制器 index.js 里的實(shí)現:
跳轉還是通過(guò)微信小程序提供的 API wx.navigateTo :
保留當前頁(yè)面,跳轉到應用內的某個(gè)頁(yè)面,使用 wx.navigateBack 可以返回到原頁(yè)面。
學(xué)習了微信小程序頁(yè)面路由跳轉之后,我們來(lái)進(jìn)行一個(gè)實(shí)際的需求開(kāi)發(fā)。
效果:我在手機上打開(kāi)微信小程序,自動(dòng)顯示出我當前所在的地理位置:
具體步驟:
ReservationService.getGeocode 的實(shí)現:
看下面一個(gè)使用高德地圖 API 將經(jīng)緯度轉換成文字描述的地址的例子,使用 postman 發(fā)送請求:
API 響應:
假設我用 vue 開(kāi)發(fā)了一個(gè) web 應用,需要在手機微信里訪(fǎng)問(wèn)并調試, 可以按照本文介紹的步驟,使用微信開(kāi)發(fā)者工具來(lái)調試。
假設我的 web 應用的訪(fǎng)問(wèn)入口是如下公眾號菜單的"預約"按鈕:
那么為了能夠在微信開(kāi)發(fā)者工具里調試,需要首先進(jìn)入該公眾號的后臺,在 web 開(kāi)發(fā)者工具里,將開(kāi)發(fā)者本人的微信號添加進(jìn)去:
點(diǎn)擊"綁定開(kāi)發(fā)者賬號":
輸入待綁定的微信賬號:
點(diǎn)擊綁定,該微信號會(huì )收到一條消息,詢(xún)問(wèn)是否綁定:
點(diǎn)擊同意操作完成綁定。
接下來(lái), 把要調試的 web 應用的 url 放到微信開(kāi)發(fā)者工具地址欄里,回車(chē)之后,微信開(kāi)發(fā)者工具就會(huì )彈出一個(gè)詢(xún)問(wèn)窗口,點(diǎn)擊 Allow 之后,就可以在微信開(kāi)發(fā)者工具提供的類(lèi)似 Chrome 開(kāi)發(fā)者工具調試器一樣的界面里進(jìn)行單步調試了。
這個(gè)粘貼到地址欄的 url 很有講究。
;redirect_uri=https%3a%2f%2f;response_type=codescope=snsapi_userinfostate=123#wechat_redirect
其中 appid= 后面的值,是從微信公眾號控制臺里拷貝出來(lái)的 appid :
redirect_uri, 即為我們開(kāi)發(fā)的 web 應用,部署到服務(wù)器之后生成的 url,需要經(jīng)過(guò) url encode 處理:
這個(gè) url 準備好之后,將其粘貼到微信開(kāi)發(fā)者工具地址欄里,回車(chē),即可看到一個(gè)對話(huà)窗口,要求獲得我們公開(kāi)信息的許可:
點(diǎn)擊 Allow 之后,就可以像使用 Chrome 開(kāi)發(fā)者工具的調試器一樣,在微信開(kāi)發(fā)者工具里進(jìn)行單步調試了:
本文首先介紹了微信小程序多頁(yè)面內的路由跳轉設計,接著(zhù)通過(guò)獲得手機當前經(jīng)緯度并轉換成地址的需求實(shí)現,進(jìn)一步深入了解了微信小程序如何消費微信平臺提供 Public API 的方法。
本教程前面三篇文章:
HBuilderX配置微信開(kāi)發(fā)者工具后,微信開(kāi)發(fā)者工具顯示Fail to open IDE
微信開(kāi)發(fā)者工具 地址配置正確,且端口也開(kāi)啟了,但是顯示打開(kāi)微信ide失敗。
manifest.json 中有微信小程序 AppID ,但未在微信開(kāi)發(fā)平臺拆梁肆將我的微信號加到微信開(kāi)發(fā)者里面,導致微信開(kāi)發(fā)者工具運行項目失敗。
方法1: 在 manifest.json 中將 AppID 設置為空。 方旅轎法1 的弊端是微信支付等渣磨模塊會(huì )不可用;
方法2: 在微信開(kāi)發(fā)者平臺將我的微信好加到微信開(kāi)發(fā)者中。
關(guān)于微信小程序開(kāi)發(fā)者的微信號和微信小程序開(kāi)發(fā)者權限開(kāi)通教程的介紹到此就結束了,不知道你從中找到你需要的信息了嗎 ?如果你還想了解更多這方面的信息,記得收藏關(guān)注本站。