昨天看了三個獲取用戶信息的接口爹谭，但是挺奇怪的介时，貌似是要跟其他接口配合使用
所以今天來看另外三個（后來發(fā)現(xiàn)其實就是一個wx.canIUse报咳，這里注意一下椎咧，只不過為了可讀性玖详，我們可以寫一寫明確的訪問請求）微信接口
- wx.canIUse
- canIUseGetUserProfile
- canIUseOpenData
為什么今天看這三個呢把介？
<block wx:if="{{canIUseOpenData}}">
<view class="userinfo-avatar" bindtap="bindViewTap">
<open-data type="userAvatarUrl"></open-data>
</view>
<open-data type="userNickName"></open-data>
</block>
<block wx:elif="{{!hasUserInfo}}">
<button wx:if="{{canIUseGetUserProfile}}" bindtap="getUserProfile"> 獲取頭像昵稱 </button>
<button wx:elif="{{canIUse}}" open-type="getUserInfo" bindgetuserinfo="getUserInfo"> 獲取頭像昵稱 </button>
<view wx:else> 請使用1.4.4及以上版本基礎(chǔ)庫 </view>
</block>
<block wx:else>
<image bindtap="bindViewTap" class="userinfo-avatar" src="{{userInfo.avatarUrl}}" mode="cover"></image>
<text class="userinfo-nickname">{{userInfo.nickName}}</text>
</block>
這里有個，if蟋座，elseif拗踢，else結(jié)構(gòu)，通過判斷canIUseGetUerProfile和另外兩個接口的布爾值來決定后續(xù)要不要使用上一篇介紹的那三個獲取用戶信息的接口向臀。
然后看對應(yīng)的Typescript部分巢墅。
canIUse: wx.canIUse('button.open-type.getUserInfo'),
canIUseGetUserProfile: false,
// canIUseOpenData: wx.canIUse('open-data.type.userAvatarUrl') && wx.canIUse('open-data.type.userNickName') // 如需嘗試獲取用戶信息可改為false
然后再看文檔中關(guān)于
boolean wx.canIUse(string schema)的部分
其中參數(shù)部分的寫法為
${API}.${method}.${param}.${option} 或者 ${component}.${attribute}.${option}
參數(shù)說明
-
${API}代表 API 名字 -
${method}代表調(diào)用方式，有效值為return, success, object, callback -
${param}代表參數(shù)或者返回值 -
${option}代表參數(shù)的可選值或者返回值的屬性 -
${component}代表組件名字 -
${attribute}代表組件屬性 -
${option}代表組件屬性的可選值
這樣就對上了券膀，一種學(xué)習(xí)思路
