Google和facebook登录

最新推荐文章于 2024-04-08 17:04:17 发布

行者之风

最新推荐文章于 2024-04-08 17:04:17 发布

阅读量2.6k

点赞数

分类专栏： google facebook 登录文章标签： html5 javascript

本文链接：https://blog.csdn.net/qq_44666016/article/details/103550865

版权

本文介绍了如何实现Google和Facebook的登录功能。首先，需要在官网注册应用获取ID。对于Google登录，要在Google开发者后台创建应用，使用官方文档提供的JS代码，并确保使用HTTPS。Facebook登录同样需要在开发者平台配置，HTTPS是必要条件，否则可能会被阻止。两者的实现过程大体相似，都涉及到官方SDK的引入和应用ID的配置。

摘要由CSDN通过智能技术生成

准备工作是你要在官网创建应用，获取它们给你的id

Google 登录

1，在google开发者后台创建应用
2，通过后台进行申请获取id 在这里插入图片描述

最近在试着用google登录，当然这只是简单的登录，直接用的它的官方文档给出的代码。上线以后才能实现，还要用https链接才行，不然会认为你的链接不安全。有可能会被阻止。

1.先引入官方的js文件

<meta name="google-signin-client_id" content="Client ID">
 <script src="https://apis.google.com/js/platform.js" async defer></script>

2.再放入代码

 <div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>
 <script>
      function onSignIn(googleUser) {
   
        // Useful data for your client-side scripts:
        var profile = googleUser.getBasicProfile();
        console.log("ID: " + profile.getId()); // Don't send this directly to your server!
        console.log('Full Name: ' + profile.getName());
        console