二、實現簡單Web-SSO之環境配置

xuxueli 發布于2019-07-25 13:37 / 3576人閱讀

摘要：另外聲明，本實戰是用實現的。修改每個項目的文件中的端口設置。如果都成功，配置就完成了這樣，我們就在本地模擬出了跨域。

一、總述
二、環境配置
[三、業務servers管理]
[四、用戶信息同步]
[五、token的攔截、生成、驗證（服務端）]
[六、概念辨析：session、cookie、token的區別與token存儲]
[七、token的分享（瀏覽器端）]
[八、安全性措施]
[九、用戶體驗]
[十、性能]

學習前提

你已經知道什么是SSO了

了解域名解析流程與hosts文件的作用

知道nginx代理的使用

會啟動一個web應用(python、java-web、php、node.js等等)

本系列著重于SSO的實現，涉及到的技術主要以推薦閱讀呈現。如果你不懂前提提到的點，可粗略瀏覽本文后去學習下技術細節再回頭看，千萬不要似動非懂的。另外聲明，本實戰是用node.js + express4.x實現的。

hosts文件設置

我們約定如下幾個域名：

id.vhost.com sso系統負責驗證登錄、注冊、修改公共用戶信息

music.vhost.com 音樂應用 (同域)

note.com 日記應用(跨域)

添加如下內容:

127.0.0.1    id.vhost.com
127.0.0.1    music.vhost.com
127.0.0.1    note.com

nginx代理設置

我們約定這三個server在127.0.0.1上的端口

id.vhost.com --> 127.0.0.1:3000

music.vhost.com --> 127.0.0.1:3001

note.com --> 127.0.0.1:3002

這里放一個參考配置代碼，文件id.vhost.com.conf:

  1 server {
  2     listen  80;
  3     server_name id.vhost.com;
  4     charset utf-8;
  5     access_log /var/log/nginx/id.vhost.com.log main;
  6     location / {
  7         proxy_set_header X-Real-IP $remote_addr;
  8         proxy_set_header X-Forwarded-For $proxy_add_x_forwarde    d_for;
  9         proxy_set_header Host $http_host;
 10         proxy_set_header X-NginX-Proxy true;
 11 
 12         proxy_pass http://127.0.0.1:3000;
 13     }
 14 }

其余兩個自行配置

項目初始化

使用Express Generator來生成項目

express -e --git id    // 我們使用ejs前端模板，同時添加.gitignore文件
express -e --git music
express -e --git note

這樣項目就生成完畢了！接下來修改啟動端口。修改每個項目的bin/www文件中的端口設置。分別為3000、3001、3002（上面已經說了）

var port = normalizePort(process.env.PORT || "3000");

然后分別啟動三個項目、以及nginx。在瀏覽器中訪問id.vhost.com、music.vhost.com、note.vhost.com。如果都成功，配置就完成了！這樣，我們就在本地模擬出了跨域。

反饋

請支出錯誤之處、不足需要補充之處好讓我進行修改！

大膽說出你的疑問！

推薦閱讀

百度百科: SSO

維基百科: host文件

借助Nginx搭建反向代理服務器

GPU云服務器云服務器網絡環境之vps 實現二叉樹 java實現二次握手最小二乘 c語言實現

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/39245.html

三篇文章帶你極速入門php（二）之迅速搭建php環境

摘要：另本文目標是迅速建立集成環境用來開發，如果想要分開一點點搭建，自行百度就好了。本文不贅述，自行百度就完事了下載地址，選中或者版即可，下載完后安裝上就好。前言今天講一下php在windows,mac,linux上的集成環境搭建，環境這個事得對號入座，windows用phpstudy，mac用mamp，linux用lnmp一鍵安裝，直接跳轉對應的地方看就好了。另：本文目標是迅速建立...

Jackwoo 2019-07-01 11:13 評論0 收藏0
前端小姐姐學PHP之（二）

摘要：上次了我們配置好開發環境了，本小節主要講述內容點的運行環境配置創建數據庫數據表連接數據庫一的運行環境配置版注版原文地址謝謝技術大大插圖簡單明了上圖啦版配置好啦點擊瀏覽器打開之后直接就可以看了，不用在刪除端口了。上次了我們配置好開發環境了，本小節主要講述內容點： phpStrom的運行環境配置創建數據庫、數據表連接數據庫一、phpStrom的運行環境配置（windows版） ...

lindroid 2019-08-29 16:28 評論0 收藏0
前端小姐姐學PHP之（二）

摘要：上次了我們配置好開發環境了，本小節主要講述內容點的運行環境配置創建數據庫數據表連接數據庫一的運行環境配置版注版原文地址謝謝技術大大插圖簡單明了上圖啦版配置好啦點擊瀏覽器打開之后直接就可以看了，不用在刪除端口了。上次了我們配置好開發環境了，本小節主要講述內容點： phpStrom的運行環境配置創建數據庫、數據表連接數據庫一、phpStrom的運行環境配置（windows版） ...

CoderDock 2019-07-01 10:34 評論0 收藏0
前端小姐姐學PHP之（二）

摘要：上次了我們配置好開發環境了，本小節主要講述內容點的運行環境配置創建數據庫數據表連接數據庫一的運行環境配置版注版原文地址謝謝技術大大插圖簡單明了上圖啦版配置好啦點擊瀏覽器打開之后直接就可以看了，不用在刪除端口了。上次了我們配置好開發環境了，本小節主要講述內容點： phpStrom的運行環境配置創建數據庫、數據表連接數據庫一、phpStrom的運行環境配置（windows版） ...

pekonchan 2019-08-23 11:25 評論0 收藏0
前端小姐姐學PHP之（二）

摘要：上次了我們配置好開發環境了，本小節主要講述內容點的運行環境配置創建數據庫數據表連接數據庫一的運行環境配置版注版原文地址謝謝技術大大插圖簡單明了上圖啦版配置好啦點擊瀏覽器打開之后直接就可以看了，不用在刪除端口了。上次了我們配置好開發環境了，本小節主要講述內容點： phpStrom的運行環境配置創建數據庫、數據表連接數據庫一、phpStrom的運行環境配置（windows版） ...

mcterry 2019-08-02 11:19 評論0 收藏0