写这些东西,第一是为了记录,第二是为了分享


多说评论的使用:

多说评论使用后如上图,可以用qq,微信,新浪微博,人人网等登录进行评论,那么现在教你如何使用:

第一:进入多说官网,http://duoshuo.com/    ,不用注册,用qq登录就行

第二:进入这个网址:http://duoshuo.com/create-site  创建多说站点

如图,1.名称就是你自己网站的名称(自己开心填)

2.站点地址是你所要使用多说插件的网站地址(如果你没有自己的域名,可以百度搜索新浪云,对于新浪云建站我以前写过一篇博客———>这里:http://blog.csdn.net/ipogrammer/article/details/45918873)

3.多说域名自己开心填,多说会自己检测是否重复

4.电子邮箱,qq号,手机号填写完成后点击创建

创建成功后,你会看到左侧,点击工具,就可以看到多说插件的js,html代码,将其粘贴到你的网站之后,你的网站就可以使用多说评论了,方便快捷,对于其中的设置,自己去设置就好,很easy

美恰客服插件使用:


第一:进入美恰官网:http://meiqia.com/,注册登录

第二:登录后你就会看到如下页面

点击左下角的设置图标

你会看到上图,点击网站插件,就会看到插件代码,将其复制粘贴到你网站js代码中就可以使用,对于其修改,自己去修改按钮样式就好完成后,就会如下图漂亮的界面:

qq第三方登录:

 现在这种第三方登录的应用很广泛也很方便。省得用户进行注册了。现在把QQ登录的方法和步骤记录一下,以备使用时方便。

   第一步,到http://connect.qq.com/intro/login/这里去申请QQ登录,添加自己的信息。按步骤来就行。要说的一点是什么呢,就是回调地址,这里只要写域名就行,别的什么都不用,而且你添写主域名之后,子域名也能用,格式一般是这样的,www.sohu.com这种格式的,注意一点是前面不要有http://。

       申请成功之后,你会得到一个APP ID和一个key了。只有这二个值都在,你才可以进行后面的步骤。

   第二步,申请完成之后,你就需要在你的网站页面中加上相应的登录按钮与回调页面参数了。

       这里先说一下回调页面,从字面上就很好理解,就是登录QQ之后,QQ给你返回值的接收页面,这个页面可以是一个单独的页面,也可以和登录页面是一个。

       QQ为我们提供了最简单了JSSDK。我们只要简单的调用一下就行了。

       1,在需要加入QQ登录按钮的页面引入JS SDK库

        

[javascript] view plain copy
  1. <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js"
  2.  data-appid="APPID" data-redirecturi="REDIRECTURI" charset="utf-8">
  3. </script>

         上面这代码,放到<head></head>之间
         这里的data-appid就是你申请的appid把它写进去,data-redirecturi这个就是回调页面的地址。一般写法如下http://www.sohu.com/Default.aspx这个default.aspx页面就是接收QQ登录之后给的返回值的页面,当然了,你的登录页面和返回页面也可以是一个

       2,  请在html页面需要插入QQ登录按钮的位置,粘贴如下示例代码

         

[javascript] view plain copy
  1. <span id="qq_login_btn"></span>
  2. <script type="text/javascript">
  3.  QC.Login({//按默认样式插入QQ登录按钮
  4. btnId:"qq_login_btn"    //插入按钮的节点id
  5.  });
  6. </script>

        这里QQ给了一个已经定义好的QQ登录按钮,当然了,你也可以自己去定义http://wiki.opensns.qq.com/wiki/%E3%80%90QQ%E7%99%BB%E5%BD%95%E3%80%91JS_SDK%E4%BD%BF%E7%94%A8%E8%AF%B4%E6%98%8E#3._.E8.87.AA.E5.AE.9A.E4.B9.89.E7.99.BB.E5.BD.95.E6.8C.89.E9.92.AE这个地址是告诉你如何自定义一个和你网站风格一样的登录按钮

       到这里,你的登录页面,添加的东西就OK了,下面来看一下你的回调页面

   第三步,回调页面的处理

       1, JS SDK的回调地址页,在回调地址页面插入如下示例代码       

[javascript] view plain copy
  1. <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callback="true"></script>

          和第二步里的一样,把这代码放到<head></head>这间

       2, 就是调用相JS SDK相应的方法,来取得你要知道的信息了,一般来讲,我们想要得到的信息,最多就是用户昵称和用户登录成功之后,QQ给我们返回的用户唯一标识。我们只要得到这二个值,就一切都好办了。

得到昵称

[html] view plain copy
  1. <script type="text/javascript">
  2. //从页面收集OpenAPI必要的参数。get_user_info不需要输入参数,因此paras中没有参数
  3. var paras = {};
  4. //用JS SDK调用OpenAPI
  5. QC.api("get_user_info", paras)
  6. //指定接口访问成功的接收函数,s为成功返回Response对象
  7. .success(function(s){
  8. //成功回调,通过s.data获取OpenAPI的返回数据
  9. alert("获取用户信息成功!当前用户昵称为:"+s.data.nickname);
  10. })
  11. //指定接口访问失败的接收函数,f为失败返回Response对象
  12. .error(function(f){
  13. //失败回调
  14. alert("获取用户信息失败!");
  15. })
  16. //指定接口完成请求后的接收函数,c为完成请求返回Response对象
  17. .complete(function(c){
  18. //完成请求回调
  19. alert("获取用户信息完成!");
  20. });
  21. </script>

          获取openId 与 accessToken:

          用户通过“QQ登录”登录成功后,可以调用示例代码取到openId与accessToken

           openId是用户身份的唯一标识,可以保存在本地,以便用户下次登录时可对应到其之前的身份信息,不需要重新授权。                        accessToken是表示当前用户在此网站/应用的登录状态与授权信息,也可以保存在本地。

[javascript] view plain copy
  1. <script type="text/javascript">
  2. if(QC.Login.check()){//如果已登录
  3. QC.Login.getMe(function(openId, accessToken){
  4. alert(["当前登录用户的", "openId为:"+openId, "accessToken为:"+accessToken].join("\n"));
  5. });
  6. //这里可以调用自己的保存接口
  7. //...
  8. }
  9. </script>

下面是我做测试的一个页面。代码

Default.aspx

[html] view plain copy
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WirelessCity_Web.Default" %>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head runat="server">
  5. <title></title>
  6. <script src="/js/jquery-1.4.2.js" type="text/javascript"></script>
  7. <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" data-appid="100359262" data-redirecturi="http://b.am89.com/Default.aspx" charset="utf-8"></script>
  8. <script type="text/javascript" src="http://qzonestyle.gtimg.cn/qzone/openapi/qc_loader.js" charset="utf-8" data-callback="true"></script>
  9. </head>
  10. <body>
  11. <form id="form1" runat="server">
  12. <span id="qqLoginBtn"></span>
  13. <script type="text/javascript">
  14. QC.Login({
  15. btnId: "qqLoginBtn" //插入按钮的节点id
  16. });
  17. </script>
  18. <script type="text/javascript">
  19. //从页面收集OpenAPI必要的参数。get_user_info不需要输入参数,因此paras中没有参数
  20. var paras = {};
  21. //用JS SDK调用OpenAPI
  22. QC.api("get_user_info", paras)
  23. //指定接口访问成功的接收函数,s为成功返回Response对象
  24. .success(function(s) {
  25. //成功回调,通过s.data获取OpenAPI的返回数据
  26. alert("获取用户信息成功!当前用户昵称为:" + s.data.nickname);
  27. })
  28. //指定接口访问失败的接收函数,f为失败返回Response对象
  29. .error(function(f) {
  30. //失败回调
  31. alert("获取用户信息失败!");
  32. })
  33. //指定接口完成请求后的接收函数,c为完成请求返回Response对象
  34. .complete(function(c) {
  35. //完成请求回调
  36. alert("获取用户信息完成!");
  37. });
  38. </script>
  39. <script type="text/javascript">
  40. if (QC.Login.check()) {//如果已登录
  41. QC.Login.getMe(function(openId, accessToken) {
  42. alert(["当前登录用户的", "openId为:" + openId, "accessToken为:" + accessToken].join("\n"));
  43. $("#hidopenId").attr("value", openId);
  44. $("#hidaccessToken").attr("value", accessToken);
  45. });
  46. //这里可以调用自己的保存接口
  47. //...
  48. }
  49. function ContAdd() {
  50. var openId = $("#hidopenId").val();
  51. var accessToken = $("#hidaccessToken").val();
  52. $.ajax({
  53. type: "POST",
  54. url: "ajaxbackInfo.aspx",
  55. data: "openId=" + openId + "&accessToken=" + accessToken + "",
  56. success: function(result) {
  57. alert("aa" + result);
  58. }
  59. });
  60. }
  61. </script>
  62. </div>
  63. <asp:HiddenField ID="hidopenId" runat="server" />
  64. <asp:HiddenField ID="hidaccessToken" runat="server" />
  65. <br />
  66. <input type="button" value="提 交" id="btnSubmit" onclick="ContAdd();" />
  67. </form>
  68. </body>
  69. </html>

ajaxbackInfo.aspx

[csharp] view plain copy
  1. using System;
  2. using System.Collections.Generic;
  3. using System.Linq;
  4. using System.Web;
  5. using System.Web.UI;
  6. using System.Web.UI.WebControls;
  7. namespace WirelessCity_Web
  8. {
  9. public partial class ajaxbackInfo : System.Web.UI.Page
  10. {
  11. protected void Page_Load(object sender, EventArgs e)
  12. {
  13. string openId = Request.Form["openId"] ?? Request.QueryString["openId"];
  14. string accessToken = Request.Form["accessToken"] ?? Request.QueryString["accessToken"];
  15. Response.Write("openid:" + openId + "        accessToken:" + accessToken);
  16. Response.End();
  17. }
  18. }
  19. }

新浪微博登录:


新浪微博登录和qq差不多,比qq还方便

http://open.weibo.com/wiki/Weibo-JS_V2       看他们官方文档就够了

第三方插件使用以及qq,新浪微博登录相关推荐

  1. php 一键登录插件,[免费]ZblogPHP QQ一键登录免费插件

    先上背景:自从装了ZBlogPHP程序,一直在寻找QQ互联的插件,因为我懒得记密码!!!因为懒...所以就在某应用中心搜索,工夫不负有心人,找是找到了,,但是,,,但是价格不菲啊!!! ,,,作为一个 ...

  2. android接入原生第三方登录(微信登录、QQ登录、新浪微博登录)

    第一步:去对应的平台上注册app的相关信息,这一步,可参考我的另外一个篇,关于接入亲加通信云的文章 各个平台注册应用信息的地址如下:                新浪微博               ...

  3. qq 新浪微博 第三方登录 api php,qq登录,新浪微博登录接口申请过程中遇到的问题...

    1,qq登录接口申请 申请地址是:http://connect.opensns.qq.com/,登录进去后,点击右上方的登录.然后填写信息就行了. 我遇到的问题是在域名审核时,域名审核就是不通过,没办 ...

  4. 【第三方互联】9、新浪微博(sina)授权第三方登录

    当我们创建的新浪微博互联应用成功后,我们便可以开始使用该应用来实现新浪微博授权操作 一.获取 App Key 和 App Secret 1.在"我的应用",点击应用,查看我们创建的 ...

  5. SpringBoot - OAuth2第三方登录之新浪微博登录

    之前写过一篇OAuth2 - 第三方登录之微信登录,但是微信的开放平台的资质需要有公司/企业才能注册.如果是个人的话,可以使用其他个人开发者就可以使用的.比如QQ.新浪微博. QQ的话,需要审核之后才 ...

  6. 详解新浪微博登录第三方网站

    为什么要绑定? 答案:简化用户登录,用第三方账号实现这个网站的登录.通过绑定,还可以获得第三方账号的提供的一些接口信息,可以再本平台直接操作第三方平台,这样,即保存了本网站的用户也有利于第三方网站,实 ...

  7. 第三方新浪微博登录接口之web+php 获取用户信息

    先下载php SDK文档,下载地址https://github.com/xiaosier/libweibo,如果没有的话,就在http://open.weibo.com/wiki/SDK里面找php  ...

  8. android qq三方登录授权失败,QQ第三方登陆授权失败110401原因及解决办法分享

    qq第三方登陆授权失败出现代码110401是什么情况?遇到这种情况该如何解决?相信很多用户们在操作的时候都出现过类似的情况吧?下面是小编带来的攻略解析,一起来关注下! qq第三方登陆授权失败11040 ...

  9. php中qq授权登录,ThinkPHP利用QQ互联实现网站第三方登录(QQ登录)

    接入QQ互联平台后,我们就可以让用户通过QQ帐号登录来登陆我们的网站,这样减少了注册的繁琐,可以更快 .更便捷的为了我带来更多的用户,下面我们一一起来看下如何通过QQ互联来实现第三方登录. ####申 ...

最新文章

  1. C++ 下面的AIDL
  2. 1.4 File类(文件操作类)获取文件属性,创建和删除文件\目录,遍历目录
  3. 调用存储过程,名称,参数,类型都正确,但没有结果集的解决方法
  4. 73.JVM内存基础结构,参数分类,推荐的配置项,参数混用问题,常用工具,常用命令
  5. LInux查看CPU状态
  6. esxi直通 gen8_HP MicroServer Gen8与ESXI采坑之旅
  7. q7goodies事例_Java 8 Friday Goodies:新的新I / O API
  8. oracle技术之查询初始化参数的方法(六)
  9. android手机设置时间设置,如何设置电信定制手机日期与时间
  10. 数据挖掘:数据清洗——异常值处理
  11. Java面试--观察者模式
  12. ModelState.IsValid 一直是 false的解决办法
  13. cad中怎么调出计算机,CAD命令行不见了怎么办|CAD命令行找不到怎么打开
  14. 描述性物理海洋学 --第五章学习笔记(大洋中水、盐和热收支以及风应力)
  15. etcd教程(二)—clientv3简单使用
  16. 收藏:国内的12个安全漏洞预警渠道
  17. 分享:电脑虚拟内存到底能不能关掉
  18. 分享网页到FaceBook的问题
  19. android怎么引用ttf字体,非常實用,Android引用ttf圖標字體庫
  20. 高仿微信朋友圈评论popwindow

热门文章

  1. 笔记:flas请求处理
  2. wifi速率模式MCS简介
  3. 第一个披萨IPO达美乐中国港股上市
  4. 刚学python写了一个类,为何__del__ : 析构函数,释放对象时没有运行
  5. [SGT]P1486
  6. 开发淘宝开放平台中的B端或者C端小程序,后端调用api使用的sessionKey如何获取?
  7. 中国安全市场进入战国时代(转)
  8. 参加计算机俱乐部英语作文,关于计算机的英语作文
  9. 驶向伟大的IT之路--我的演说辞
  10. html橙光游戏制作工具,橙光游戏制作工具全部视频教程