Cloudrail - 编码
在创建的文件夹中为服务器代码创建一个新文件,并添加以下内容以导入和设置Express和CloudRail -
javascript
const express = require("express");
const cloudrail = require("cloudrail-si");
const app = express();
cloudrail.Settings.setKey("[CloudRail license key]");
现在,我们继续编写一个函数来实例化我们想要用于社交登录的服务 -
javascript
function makeService(name, redirectReceiver) {
let service;
switch (name) {
case "twitter":
service = new cloudrail.services.Twitter(
redirectReceiver,
"[Twitter Client ID]",
"[Twitter Client Secret]",
"http://localhost:12345/auth/redirect/twitter"
);
break;
case "facebook":
service = new cloudrail.services.Facebook(
redirectReceiver,
"[Facebook Client ID]",
"[Facebook Client Secret]",
"http://localhost:12345/auth/redirect/facebook",
"state"
);
break;
// More services from the Profile interface can be added here,
//the services above are just examples
default: throw new Error("Unrecognized service");
}
return service;
}
我们需要一种方法来跟踪用户身份。这通常在数据库中完成,但为了使本教程简短,我们将使用一个充当伪数据库的对象。
它的所有数据都保存在内存中,因此在服务器重新启动时会丢失 -
javascript
const users = {
records: {}
};
users.find = (id) ⇒ {
return users.records[id];
};
users.save = (id, data) ⇒ {
users.records[id] = data;
};
之后,我们注册将处理社交登录流程开始的服务器端点 -
javascript
app.get("/auth/start/:serviceName", (req, res) ⇒ {
let serviceName = req.params["serviceName"];
let redirectReceiver = (url, state, callback) ⇒ {
res.redirect(url);
};
let service = makeService(serviceName, redirectReceiver);
service.login();
});
我们启动社交登录的服务将重定向到我们的服务器,我们需要处理此重定向。
获得用户的唯一标识符后,我们检查以前是否见过该用户。如果是的话,我们就用他的名字来问候他。如果没有,我们从社交网络获取名称并保存一个新用户 -
javascript
app.get("/auth/redirect/:serviceName", (req, res) ⇒ {
let serviceName = req.params["serviceName"];
let redirectReceiver = (url, state, callback) ⇒ {
callback(undefined, "http://bla.com" + req.url);
// The callback expects a complete URL but only the query matters
};
let service = makeService(serviceName, redirectReceiver);
service.getIdentifier((err, identifier) ⇒ {
if (err) res.status(500).send(err);
let user = users.find(identifier);
if (user) {
res.send("Welcome back " + user.name);
} else {
service.getFullName((err, name) ⇒ {
if (err) res.status(500).send(err);
users.save(identifier, {
name: name
});
res.send("Welcome greenhorn!");
});
}
});
});
最后,我们让服务器监听端口 12345 -
javascript app.listen(12345);
我们现在可以启动应用程序并在本地浏览器中测试它。
如果您导航到http://localhost:12345/auth/start/facebook,您将启动 Facebook 登录流程。
如果您导航到http://localhost:12345/auth/start/twitter,您将启动 Twitter 登录流程。
登录该服务并授予访问权限后,您将看到“欢迎新手!” 如果您是第一次访问,并且连续访问时显示“欢迎回来[您的名字]”。
例如,要将其集成到实际网站中,您可以在其中包含服务提供商的徽标,并使徽标链接到相应的 URL。
此外,伪数据库应该替换为真实数据库。就这样,最多可以登录 9 个不同的提供商!