创建应用接入使用Hello.js接入
使用Hello.js简化接入,facebook和twitter接入方法一样 。
Hello.js(http://adodson.com/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登录后获取的用户信息
【Facebook分享信息设置介绍 怎样上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 2022\", \"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分享触发分享:
facebook 分享 fbShare () { letsharePath = \'\'// 分享出去之后别人打开的链接lettitle = \'\'// 分享标题window.open(\'https://www.facebook.com/sharer/sharer.php?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配置如下
Twitter分享触发分享:
Twitter 分享 twShare() { letcontent = \'\'window.open(`https://twitter.com/share?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配置如下
- 分享80首最适合做手机铃声的歌曲 什么歌适合男生做铃声
- 简述cpa证书的课程信息 cpa是什么意思
- 分享3个如何做数据分析的要点 做数据分析怎么做
- 分享5个网络推广营销的方式 如何网络推广的方法
- 分享4种新品价格策略案例解读 价格策略包括哪些方面
- 分享5个最佳的职业方向选择 职业选择有哪些
- 微信重登如何找回聊天信息 微信重新登录后怎么恢复聊天记录
- 个性网.个性签名 最潮网络个性签名,让人忍不住分享日常
- 女士找工作 招聘附近 附近找工作最新招聘信息
- 瓶子的英语 瓶子的英语怎么读