小程式的授權

2022-08-04 01:06:15 字數 3376 閱讀 3265

自從小程式文件更新後,自動授權已不存在啦

目前的授權都是通過button來實現的,具體知識點可參考小程式的官方文件,以下是我做的乙個小demo(進入首頁,跳出乙個登入彈出框,彈出框是自己寫的乙個ui元件),廢話不多說,直接上**

<

view

class

='modal-mask'

wx:if

='}'

bindtap

='clickmask'

>

<

view

class

='modal-content'

>

<

scroll-view

scroll-y class

='main-content'

>

<

slot

>

slot

>

scroll-view

>

view

>

view

>

n: fixed;

left: 0;

right: 0;

top: 0;

bottom: 0;

background-color: rgba(0,0,0,0.5);

z-index: 999;}/*

遮罩內容

*/.modal-content

/*中間內容

*/.main-content.bottom

component(,

//控制底部是乙個按鈕還是兩個按鈕,預設兩個

single:

},/*

* * 元件的初始資料

*/data: ,

/** * 元件的方法列表

*/methods: )

},//點選取消按鈕的**函式

cancel() )

this.triggerevent('cancel') //

triggerevent觸發事件

},

//點選確定按鈕的**函式

confirm() )

this.triggerevent('confirm')

}}})

}

<

modalview

show

="}"

bindcancel

="modalcancel"

bindconfirm

='modalconfirm'

single

='}'

>

<

view

class

='modal-content'

>

<

scroll-view

scroll-y class

='main-content'

>

<

view

wx:if

="}"

>

<

view

class

='header'

>

<

text

>提示

text

>

view

>

<

view

class

='content'

>

<

image

src="/images/goods_img2.png"

>

image

>

<

text

>是否登入並繼續使用該程式

text

>

view

>

<

view

class

="header_title"

>

<

text

class

="dian"

>•

text

>

<

text

text

>

view

>

<

view

class

="modal_footer"

>

<

view

class

="bottom"

>

<

button

class

='bottom_a'

>

拒絕

button

>

<

button

class

='bottom_b'

open-type

="getuserinfo"

lang

="zh_cn"

bindgetuserinfo

="bindgetuserinfo"

>

去登入

button

>

view

>

view

>

view

>

scroll-view

>

view

>

modalview

>

.header .header image .content .content image.content text .header_title.dian.modal_footer.bottom button::after .bottom button.bottom_a.bottom_b

//

home.js

//獲取應用例項

page(,

onload:

function

() });

}});

} else

); }

}});

},bindgetuserinfo:

function

(e) );

} else

); }

}});

}}})

}

好啦~這是全部**,效果如下(點選登入可進行授權)

小程式授權

一 小程式在使用使用者的個人資訊的時候需要授權方法如下 1 wxml 獲取使用者資訊 2 js 獲取應用例項 page 判斷當前版本button.open type.getuserinfo方法是否可用 caniuse wx.caniuse button.open type.getuserinfo o...

小程式 授權相關

小程式授權流程 1.首次小程式,將需要的授權呼叫一遍 uni.authorize wx.authorize 2.進入到應用模組,呼叫某個需要授權的api之前,先檢測使用者是否授權該功能 uni.getsetting 如果未授權,就開啟授權設定頁 uni.opensetting 注意此api需要使用者...

小程式使用者授權處理

getaddress function success function res wx.setstorage 使用者未同意小程式使用通訊位址時 else else success res wx.setstorage 2.獲取攝像頭授權 處理使用者允許 拒絕的情況 實現效果 1 首次進入時,調起授權詢...