18年6月最新微信小程式獲取使用者名稱、授權彈窗方法
首先說下現在wx.getUserInfo介面已經廢棄,也就是你不能通過該介面獲取nickName等資訊,更不必說授權的彈窗。
其次,新的方法是通過
<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="onGotUserInfo" class='login-button'>點選授權</button>
以一個按鈕的形式,點選彈出彈窗,使用者再進行授權。
我們只能通過改變button的樣式進行美化了。
js部分參考:
onGotUserInfo: function (e) { if(e.detail.userInfo != null){ //使用者點選允許授權 app.imageUrl = e.detail.userInfo.avatarUrl, app.nickName = e.detail.userInfo.nickName, app.authorize = true; } },
相關推薦
18年6月最新微信小程式獲取使用者名稱、授權彈窗方法
首先說下現在wx.getUserInfo介面已經廢棄,也就是你不能通過該介面獲取nickName等資訊,更不必說授權的彈窗。其次,新的方法是通過<button open-type="getUserInfo" lang="zh_CN" bindgetuserinfo="o
微信小程式 自定義三列城市彈窗
1.WXML <picker mode="multiSelector" bindchange="bindMultiPickerChange" bindcolumnchange="bindMultiPickerColumnChange" value="{{multiIndex}}"
微信小程式不支援wx.getUserInfo授權的解決方法
微信小程式最近被吐槽最多的一個更改,就是使用者使用wx.getUserInfo(開發和體驗版)時不會彈出授權,正式版不受影響。現在授權方式是需要引導使用者點選一個授權按鈕,然後再彈出授權。我最近圍繞這個做了一些研究,來看看我是如何做好這個授權。·1.使用者進來一個頁面時,按照
微信小程式獲取系統時間、時間戳、時間時間戳加減
//獲取當前時間戳 var timestamp = Date.parse(new Date()); timestamp = timestamp / 1000; console.log("當前時間戳為:" + timestamp); //獲取當前
微信小程式常用的3種提示彈窗
1. 表示操作成功,文字上方會顯示一個表示操作成功的圖示。 wx.showToast({ title: '操作成功!', // 標題 icon: 'success', // 圖示型別,預設success duration: 1500 // 提示窗停留時間,預設1
微信小程式開發:二級、三級等多級聯動選單
二級級聯效果三級聯動效果 二級聯動和三級聯動的程式碼結構都是一樣,就看要怎麼設定。接下來上三級聯動的程式碼。 wxml <view class="picker-box"> <view class='skill-picker'&g
微信小程式分享及使用者資訊授權等介面能力的調整通知
以下來自2018年9月30號的微信小程式官方文件調整說明: 針對近期部分小程式介面能力使用不合理的情況,微信公眾平臺將對下列能力進行調整。開發者可在最新版開發者工具內,選擇最新基礎庫版本體驗。調整方案具體如下,請開發者儘快完成適配。 1、分享監聽介面 10月10日起新提交的版本,使用者從
微信小程式 獲取標籤裡面的自定義資料
<view wx:for="{{receiverlist}}" wx:for-item="receiver" wx:key="" wx:for-index="idx"> <input type='number' value='{{salesNumber}}' data-na
微信小程式獲取openid返回40029的一種錯誤情況
微信小程式返回40029的情況原因有很多,遇到後大概總結了幾個已知的 1.小程式裡傳到後臺的code被微信的呼叫介面使用了兩次(只能使用一次) 2.appid、AppSecret的值不對(這個自己複製感覺一般不會錯) 3.自己遇到的最難受的原因:建立專案的appid跟你請求url裡的ap
解決 微信小程式獲取使用者資訊時彈框不顯示的問題
在開發中碰到使用者點選按鈕獲取使用者資訊時,彈框出不來的情況 wxml: <button class='btn' bindgetuserinfo="loginClick" open-type="getUserInfo">請授權</button> js: l
微信小程式 - 獲取所在位置(省、市、區)
實現步驟 1. 獲取當前經緯度 2. 呼叫騰訊(百度、高德)地圖對應的請求地址,一般都會有獨一的key, 譬如 騰訊地圖呼叫地址: https://apis.map.qq.com/ws/geocoder/v1/?l
微信小程式獲取經緯度
1、在index.wxml檔案建立如下程式碼,longitude,latitude為以獲取經緯度為地圖中心,獲取當前位置經緯度資訊 <view>緯度:{{latitude}}</view> <view>經度:{{longitude}}</view&g
微信小程式-day03-註冊頁面、路由(微信小程式頁面跳轉)、模組化
1.路由 wx.navigateTo 開啟新頁面 wx.redirectTo 頁面重定向 wx.switchTab 切換 Tab
微信小程式-day02-微信小程式-框架-配置-pages、windows、tabBars、debug(json檔案)
1.pages(頁面路徑列表) "pages":[ "pages/index/index", "pages/do/do", "pages/eat/eat", "pages/logs/logs" ] 2.windows(全域性的預設視窗表現) "window":{
微信小程式實現點贊、取消點贊功能
最近接觸到小程式,發現很有意思,在專案中遇到了一點小問題,就是點贊+取消點贊有些衝突,還有就是多項的點選,話不多說咱們直接上程式碼! 效果圖 wxml ? 1
微信小程式獲取使用者位置以及城市
做小程式的時候,有需要維護使用者地理位置的地方,這時如果可以自動獲取當前位置,對於提升使用者體驗有很大的幫助,然後檢視官方文件,有個wx.getLocation介面,詳細說明如下: wx.getLocation(Object object) 呼叫前需要 使用者授權 
微信小程式 獲取元素高度(獲取元素節點資訊)
微信小程式 獲取元素高度(獲取元素節點資訊) 如果高度要px單位的話: let query = wx.createSelectorQuery(); query.select('.content').boundingClientRect(rect=>{ let he
微信小程式-獲取使用者資訊-前端寫法
開發微信小程式,前提是申請到一個 appId 並拿到 appSecret ,並在微信公眾平臺配置好小程式對應的伺服器域名。 小程式可以通過兩種方式獲取到使用者資訊,並且獲取到資訊之後,推薦直接存到小程式的全域性變數中,後續直接在全域性變數中讀取,無需在重新獲取。 方法一: 使用 appI
微信小程式-獲取使用者資訊-後端寫法
之前介紹了兩種小程式獲取使用者資訊的寫法,其中第二種需要後端配合完成。 後端我使用了一個第三方的 jar 包: 我使用的是 2.9.6.BETA 版本。 這個版本提供了通過微信引數解析使用者資訊的方法,只要在配置檔案中把微信小程式的資訊配置完成就可以直接使用,非常方便。
微信小程式之 動畫 —— 自定義底部彈出層
wxml: <view class='buy' bindtap='showBuyModal'>立即購買</view> <!-- 點選立即購買 彈出購買遮罩層 --> <view class="cover_screen" bindtap="hideBuyModal"