手把手教你uni-app 打包的H5怎么實現谷歌登錄


PS .最近做了一個國外的項目,要求實現谷歌登錄,百度和谷歌了很多,。其實很多都是坑~,谷歌開發者文檔也說的不清楚。

1.在項目的根目錄下創建一個template.h5.html 頁面。然后打開manifest.json 里面的H5配置,

 

 

 

2. 在template.h5.html頁面,引入谷歌的SDK (下面的2行代碼)

<meta name="google-signin-client_id" content="你自己注冊的谷歌ID">
<script src="https://apis.google.com/js/platform.js"></script> 

谷歌文檔上是這樣引入的, <script src="https://apis.google.com/js/platform.js" async defer></script>   按照文檔引入的話,會報 gapi 未定義 (如果你們沒有遇到,那就是我人品差的問題)

 

 

 

3.谷歌登錄按鈕上面,加一個click事件,如果運氣好,你就會成功。

 

 

4.再次聲明,這個是uni-app  的H5頁面,看清楚一點,其次,你要能訪問谷歌官網(你們懂的,就和cnpm一個德行),而且在谷歌瀏覽器下才可以,不然一切都是白搭(我遇到的這種情況,不知道你們是不是)

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM