前端vue3Twitter第三方登录api实现
创建app创建成功进行配置(地址配本地地址或者上线地址)获取对应的key点击Regenerate可以查看key与id获取到key和id在进行auth的配置(使用git登录)
一:开发者平台配置
去Twitter 的开发者平台 新建一个App:
https://developer.twitter.com/en/apps
创建app

创建成功进行配置(地址配本地地址或者上线地址)

获取对应的key

点击Regenerate

可以查看key与id
获取到key和id
在https://auth-server.herokuapp.com/#manage-apps进行auth的配置(使用git登录)

domain为配置的本地地址或上线地址
id:就是以上和获取的key
secret为id
二:代码部署 (需安装hellojs 我的版本为1.19.5 vue3版本为^3.2.45)
let twitterlog = () => {
hello.init(
{
twitter: "推特对应的key",
},
{
redirect_uri: "配置的本地地址或者上线地址",
}
);
hello("twitter")
.login()
.then(
function (res) {
console.log(res, "登录成功");
},
function (err) {
console.log("err", err);
}
);
hello.on("auth.login", (result) => {
hello(result.network)
.api("/me")
.then(
function (p) {
console.log(result, "result");
},
function (err) {
console.log("err", err);
}
);
});
};
魔乐社区(Modelers.cn) 是一个中立、公益的人工智能社区,提供人工智能工具、模型、数据的托管、展示与应用协同服务,为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作,由全产业链共同建设、共同运营、共同享有,推动国产AI生态繁荣发展。
更多推荐

所有评论(0)