Facebook、Twitter登录及分享
创建应用接入使用Hello.js接入
使用Hello.js简化接入，facebook和twitter接入方法一样。
Hello.js（）是一个客户端JavaScript SDK，用于OAuth2认证Web服务以及请求它们的REST Api。
HelloJS标准化了路径，并响应常见的API，比如说Google Data Services、Facebook Graph以及Windows Live Connect。它们是模块，所以这个列表还在增长中。
// 初始化,配置应用idhello.init({ facebook: FACEBOOK_CLIENT_ID, windows: WINDOWS_CLIENT_ID}, {redirect_uri:'redirect.html'})// 登录hello.on('auth.login', function(auth){ // 登录成功后，获取用户信息（fb、tw的用户数据有区别） hello( auth.network ).api( '/me' ).then(function (res) { console.log(res) })})
Facebook登录后获取的用户信息
{ email: "XX@gmail.com", first_name: "XX", id: "123456", last_name: "XX", name: "XX", picture: "url", thumbnail: "url"}
Twitter登录后获取的用户信息
{ "id": 123456, "id_str": "123456", "name": "XX", "screen_name": "XX", "location": "", "description": "xx", "url": "url", "entities": { "description": { "urls": [] } }, "protected": false, "followers_count": 0, "friends_count": 0, "listed_count": 0, "created_at": "Fri Mar 08 03:36:20 +0000 2024", "favourites_count": 0, "utc_offset": null, "time_zone": null, "geo_enabled": false, "verified": false, "statuses_count": 0, "lang": "en", "contributors_enabled": false, "is_translator": false, "is_translation_enabled": false, "profile_background_color": "F5F8FA", "profile_background_image_url": null, "profile_background_image_url_https": null, "profile_background_tile": false, "profile_image_url": "url", "profile_image_url_https": "url", "profile_link_color": "1DA1F2", "profile_sidebar_border_color": "C0DEED", "profile_sidebar_fill_color": "DDEEF6", "profile_text_color": "333333", "profile_use_background_image": true, "has_extended_profile": false, "default_profile": true, "default_profile_image": true, "following": false, "follow_request_sent": false, "notifications": false, "translator_type": "none", "suspended": false, "needs_phone_verification": false, "first_name": "XX", "last_name": "", "thumbnail": "url"}Facebook分享
触发分享：
<a href="_javascript:void(0)" @click="fbShare">facebook 分享</a>fbShare () { let sharePath = '' // 分享出去之后别人打开的链接 let title = '' // 分享标题 window.open('?u=' + encodeURIComponent(sharePath) + '&t=' + encodeURIComponent(title), '_blank', 'toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450, top=100, left=350')}
分享信息设置：
分享出去的样式包含图片，标题，简介
这些信息不是分享的时候设置的，是爬虫直接爬的分享链接页面head中预先设置好的分享信息，head配置如下
<meta property="og:locale" content="en-US"><meta property="og:type" content="website"><meta property="og:title" content="realme Holi Game"><meta property="og:image" content="xx.jpg"><meta property="og:description" content="hello world">Twitter分享
触发分享：
<a href="_javascript:void(0)" @click="twShare">Twitter 分享</a>twShare () { let content = '' window.open(?text=${encodeURIComponent(data.title)}&url=${encodeURIComponent(urlStr)}`, '_blank', 'toolbar=yes, location=yes, directories=no, status=no, menubar=yes, scrollbars=yes, resizable=no, copyhistory=yes, width=600, height=450, top=100, left=350')}
分享信息设置：
分享出去的样式包含图片，标题，简介
这些信息不是分享的时候设置的，是爬虫直接爬的分享链接页面head中预先设置好的分享信息，head配置如下
<meta name="twitter:title" content="realme Holi Game"><meta name="twitter:description" content="content"><meta name="twitter:image" content="xx.jpg"><meta name="twitter:card" content="summary">
解锁全球市场：外贸精英必备的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作为全球领先的社交媒体平台，提供了多种功能，如数据分析、目标市场定位等，帮助您更好地进行市场推广。为应对可能出现的账号封禁，建议您提前注册几个备用账号，未雨绸缪~
关注互旦科技，带你探索更多出海营销指南！外贸推广服务行业环境多变，互旦科技初心永不改变，传播外贸资讯和出海运营技巧，真诚助力广大外贸企业成功出海。
