如何在Uniapp中使用facebook登录
前言公司需要写一个国外的项目，需要用到facebook登录。
核心内容项目目录
这里是项目目录主要用到的是：FBlogin这个js。
这个项目只能运行到web中，app和小程序暂时没有做facebook登录
核心代码main.js(引入js)
import './utils/FBLogin.js'
logoin.vue(核心代码一个按钮)
<button class="cu-btn flex lg" style="background-color: rgba(49,101,203); color: #FFFFFF;" @click="onFBLogin"> <image class="cu-avatar xs text-center margin-right-xs margin-bottom-xs" src="/static/logoin/facebook.png" style="background-color: rgba(255,255,255,0);"></image> Logoin with Faccebook</button>
onFBLogin() { const _this = this // 检测FB登录状态 FB.getLoginStatus(function(response) { // Called after the JS SDK has been initialized. console.log('getLoginStatus', response) if (response.status === 'connected') { // 已登录 // Has logged into your webpage and Facebook. _this.handleSomething() } else { // 未登录进行登录 FB.login(function(res) { if (res.status === 'connected') { console.log('login', res) // Logged into your webpage and Facebook. _this.handleSomething(res.authResponse.accessToken) } else { // The person is not logged into your webpage or we are unable to tell. } },{scope: 'public_profile,email'}); } }) }, //保存的方法 handleSomething(e) { FB.api('/me', function(response) { uni.setStorageSync('UserData',response) }); std.toast('logoin Success') this.gohome() },
FBLogin.js
(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = ""; fjs[xss_clean].insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));window.fbAsyncInit = function() { FB.init({ appId : 'xxxxxxx'//这里输入你的, cookie : true, // 启用cookie xfbml : true, // 解析此页面上的社交插件 version : 'v7.0' // 使用图形api 2.8版本 });};总结
只要愿意花时间，没有什么问题解决不了。其实和vue实现的方法差不多。多看文档就可以了。他的原理也很简单。希望能帮到你。
关于如何规划uniapp的项目目录，我下次会出一个文章。专门说明一下。
解锁全球市场：外贸精英必备的Facebook账号注册详解
如果您想去FB的世界里看一看，哪怕只是看一看，您就必须拥有FB个人账户。不管您是想创建FB公共主页，还是投放FB广告，统统都需要一个入门的个人账户。许多人在Facebook的旅程尚未开始便告终结，通常是因为刚注册的账号不久即遭封禁，从而错失了探索和融入Facebook世界的机会。（亲测这个方法真的很好用，小编已经成功为自己注册了4个账户！）换句话说，注册好一个Facebook账号后就像是给你的好奇心装上了一扇通向世界的窗户！
NO.1
做好充分准备
01
准备科学的网络环境
需要在科学上网的环境中访问链接www.facebook.com，以确保顺畅进入。
1.选固定的线路、浏览器和设备进行Facebook注册与使用，保持网络环境一致性。
2.建议在个人电脑上操作，暂时避免在手机端登录，因为手机网络相对不稳定。
3.待账户安全稳固后，再考虑转向手机端使用。
02
创建新的Gmail邮箱
1. 一个新的Gmail邮箱，更贴合国际用户的习惯。同时，在浏览器语言设置为英语的情况下注册新的Gmail邮箱，可免于手机号验证。（如果电脑端无法进行手机验证，您可以尝试在手机端的Gmail邮箱APP中通过科学上网的方式进行帐号注册，也可免于手机号验证的要求。）
2. 按照需求，可以注册多个Gmail账户。
3. 注册成功后，不绑定手机号，启用第三方验证器进行两步验证（操作路径：）。
Tips:
如果您已有未用于注册FB的Gmail，可跳过此步骤。
虽然Facebook也支持使用各种邮箱账号进行注册，但为了国际沟通的便利性，使用Gmail邮箱注册更为合适。Gmail不仅广泛被全球用户接受，而且更符合国际化通信的标准，可以让您在与海外朋友和同事交流时更加顺畅。
03
准备第三方验证器
1.准备一个第三方验证器APP，会让您的注册更加顺畅。
如腾讯验证器、Microsoft Authenticator或Google Authenticator等。
2.这些APP无需科学上网，可随时生成验证码，确保账户安全。
3.选择使用的验证器，请务必保留，避免误删。
NO.2
注册您的Facebook身份
01
访问Facebook界面
打开 www.facebook.com，进入Facebook的登录界面后填写邮箱、密码进行登录，或者新建账户。
Tips:
1.输入Email注册时，避免使用phone number。
2.设置密码后，进行备份以防忘记或丢失账号，注意区分大小写，确保准确无误。
3.姓名、生日和性别与身份证上信息一致！！！注册时一定要填写您自己的真实信息！国外社交媒体非常重视真实性。后期验证身份、申诉的时候通通都需要对照身份真实性。不建议使用明星、宠物、风景等照片做头像，最好使用真实照片作为头像。
02
完成验证
1.人机验证
2.Facebook将向您提供的邮箱或手机发送验证码，请检查Gmail收件箱。若有延迟，请耐心等待。验证通过后会跳出帐户已验证的弹窗，告知您可以通过该邮箱或号码登录。长时间未收到可能是邮箱地址填写错误。
03
登录并探索Facebook
Tips:
注册成功后，在设置中关联邮箱并启用双重验证（非邮箱注册用户）。推荐使用第三方验证器，如Authenticator、腾讯验证器等。
操作路径：点击右上更多→设置与隐私 → 安全与登录 → 双重验证方式 → → 选择身份验证应用，然后扫描二维码以激活。后续登录时使用此验证器生成的验证码。
NO.3
关于FB停用问题
01
养号”很关键
登录后，别忘了及时"养号"哦，否则你的账户可能会被暂停使用，那时就只能去申诉啦！
刚刚注册的新账户就被停用也是非常正常的！如果账号被停用，怎么办？不用担心，点击申诉。上传您的个人身份证，这就呼应一开始我为什么让您注册时用的姓名、生日、性别都要跟身份证上保持一致了。当然也有部分幸运鹅没有这一步，直接就步入成功啦~
1. 注册成功后暂时不要主动加任何好友，也不要频繁发帖，让 FB 认为您是一个虚拟的或 者急于想加好友打广告推销的人。
2. 切记要保持科学上网的线路固定稳定，这样 FB 才会认为使用这个账户的是一个真实、 正常的用户；如遇提示您无权访问此账户 或主页，请点击忘记密码进行重置后即刻登陆。
02
Facebook账户申诉
若出现账户被封提示，直接点击申诉，或请前往以下地址申诉：
?id=260749603972907。
1.进行人机身份验证并点击继续
2.提供必要的身份信息和账户详情
3.说明情况并提交申诉
耐心等待：登录后，可能短至一天或长达几周（少数情况）你会惊喜地发现，当你访问facebook.com时，不再面临封禁提示，而是可以自由浏览了！这意味着你已经成功创建了自己的FB账户。但是这还不够！您还要记得这个账户做好平时的安保维护工作哦！
互旦寄语
Hudoo-tech
Facebook作为全球领先的社交媒体平台，提供了多种功能，如数据分析、目标市场定位等，帮助您更好地进行市场推广。为应对可能出现的账号封禁，建议您提前注册几个备用账号，未雨绸缪~
关注互旦科技，带你探索更多出海营销指南！外贸推广服务行业环境多变，互旦科技初心永不改变，传播外贸资讯和出海运营技巧，真诚助力广大外贸企业成功出海。
Facebook账号的注册及培养
Facebook用户信息泄露、干预选举等问题，使Facebook的信息安全遭到了挑战。
由于社交平台的用户信息大多公开化、社交网络言论自由等因素，为避免受到政治干预和信息的泄露，Facebook平台对新老账号都会进行审核。为解决用户烦恼、保证用户在以后遇到类似问题时能够轻松解决，请牢记以下操作步骤，并合理使用Facebook。
一、Facebook新号注册的注意要点1. 浏览器养号选择Google浏览器。在注册或登陆Facebook新号前，务必清理缓存（目前来说用手机APP端养）且保证网络稳定，不能出现频繁跳动。
2. Facebook新号注册之前需要准备这几样东西：邮箱/手机号、姓名、出生年月日、一张自己的真人照片。
3. Facebook账户按步骤的提示进行注册，填写姓名、生日、性别、手机号。4、账号注册后，会提示你上传头像”、寻找你认识的好友”等，记得全部跳过。不上传头像、不寻找好友、不发帖子。
4. 就这么挂着Facebook账号，不要进行操作。
二、Facebook账户养号1. 一个Google浏览器，1个Facebook账号。
2. 最好保持在线6小时或8小时，持续一周使用Google浏览器登陆养号，保证不使用这个浏览器登录其他Facebook账号。
3. Facebook新号一周后，开始添加头像、封面照片，然后开始加好友、 加小组，（切记不要加太多，都从1个开始，慢慢往上涨）。
4. Facebook新号一周后，不要登陆一下就退出，最好登录后保持一小时在线，否则Facebook会误判你的账号存在被盗风险并进入安全模式。
5. 平时可以点点赞或发一些简单的心情贴 ，切记不要发广告！Facebook可能会限制你，也可能直接封停。
6. 维护、养号状态持续到第三周 ，就可以稍微扩大活动了，但也不要动作太大。在新号第10天的时候可以去一点点完善信息（切记不要一下全完善完，隔几天完善一项就行），例如：今天完善地区，明天完善学校、职业等。
7. 这种Facebook养号方法持续一个月，除非你操作频繁或者异常，否则不会封你的号。账号一个月后，就可以放广告了，注意只能慢慢增加发广告的量。
三、Facebook账号进入安全模式账号养号期间存在很大几率出现进入安全模式”、提示上传照片”的情况，出现这种情况有两种可能：你注册完进行操作了；Facebook新号为预防机器注册，进行的一个随机安全模式。
遇见以上这种情况千万别着急，按照步骤来操作，很容易解开。
1. 注册账号的时候准备的照片就派上用场了。选择照片，然后上传。
2. 上传后，会让你等待通知，你可以不点确定，就在这个页面等着。也可以点击确定退出来，之后就不要频繁的去看自己的账号是不是解开了，隔两天再看就行。
3. 照片不要删除，保存起来等下次派上用场，有几率会进入第二次安全模式。
4. 如果刚注册完就进入安全模式了，有两种解决办法：
一是放弃这个号不解封，等一个月后这个号就不存在了，你就又可以拿这个手机号注册；二是按照上面的方法解封。
四、Facebook被封号Facebook新号没有进行过操作，或频繁更换IP的话，不会封你的账号。
再有一种情况是进入安全模式后，你频繁上线去看账号是否出了安全模式或频繁上传照片，这都是会封号的操作。
新号没有进行操作过，可以直接申诉，成功率80%；若进行过违规操作就不用申诉了，几乎没有什么希望。
五、Facebook新号被封后，两手准备1. 申诉（申诉等待过程或许较长，但如果账号十分重要且有足够的耐心，建议等待申诉解封）。
2. 重新注册，注册步骤如上。
六、部分功能被限制账户被限制发帖，是因为发帖太勤了导致操作敏感了。这种情况一般会限制一周，在这一周操作行为尽量收敛放缓。如果觉得自己没有问题，可以去申诉，不过才限制几天，可以等等。
或者在发帖时，Facebook认为帖子违规，这种情况只要帖子不是违规的，申诉一下马上就可以了。
建议Facebook账号养差不多成熟后要把手机号和邮箱都绑定上，双重保险，以便后期更换登陆地点时，可能会需要接收验证码。
