摘要:另外聲明,本實戰(zhàn)是用實現(xiàn)的。修改每個項目的文件中的端口設(shè)置。如果都成功,配置就完成了這樣,我們就在本地模擬出了跨域。
目錄
一、總述
二、環(huán)境配置
[三、業(yè)務(wù)servers管理]
[四、用戶信息同步]
[五、token的攔截、生成、驗證(服務(wù)端)]
[六、概念辨析:session、cookie、token的區(qū)別與token存儲]
[七、token的分享(瀏覽器端)]
[八、安全性措施]
[九、用戶體驗]
[十、性能]
你已經(jīng)知道什么是SSO了
了解域名解析流程與hosts文件的作用
知道nginx代理的使用
會啟動一個web應(yīng)用(python、java-web、php、node.js等等)
本系列著重于SSO的實現(xiàn),涉及到的技術(shù)主要以推薦閱讀呈現(xiàn)。如果你不懂前提提到的點,可粗略瀏覽本文后去學(xué)習(xí)下技術(shù)細(xì)節(jié)再回頭看,千萬不要似動非懂的。另外聲明,本實戰(zhàn)是用node.js + express4.x實現(xiàn)的。
hosts文件設(shè)置我們約定如下幾個域名:
id.vhost.com sso系統(tǒng) 負(fù)責(zé)驗證登錄、注冊、修改公共用戶信息
music.vhost.com 音樂應(yīng)用 (同域)
note.com 日記應(yīng)用(跨域)
添加如下內(nèi)容:
127.0.0.1 id.vhost.com 127.0.0.1 music.vhost.com 127.0.0.1 note.comnginx代理設(shè)置
我們約定這三個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文件中的端口設(shè)置。分別為3000、3001、3002(上面已經(jīng)說了)
var port = normalizePort(process.env.PORT || "3000");
然后分別啟動三個項目、以及nginx。在瀏覽器中訪問id.vhost.com、music.vhost.com、note.vhost.com。 如果都成功,配置就完成了!這樣,我們就在本地模擬出了跨域。
反饋請支出錯誤之處、不足需要補充之處好讓我進行修改!
大膽說出你的疑問!
推薦閱讀百度百科: SSO
維基百科: host文件
借助Nginx搭建反向代理服務(wù)器
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://www.ezyhdfw.cn/yun/39245.html
摘要:另本文目標(biāo)是迅速建立集成環(huán)境用來開發(fā),如果想要分開一點點搭建,自行百度就好了。本文不贅述,自行百度就完事了下載地址,選中或者版即可,下載完后安裝上就好。 前言 今天講一下php在windows,mac,linux上的集成環(huán)境搭建,環(huán)境這個事得對號入座,windows用phpstudy,mac用mamp,linux用lnmp一鍵安裝,直接跳轉(zhuǎn)對應(yīng)的地方看就好了。 另:本文目標(biāo)是迅速建立...
摘要:上次了我們配置好開發(fā)環(huán)境了,本小節(jié)主要講述內(nèi)容點的運行環(huán)境配置創(chuàng)建數(shù)據(jù)庫數(shù)據(jù)表連接數(shù)據(jù)庫一的運行環(huán)境配置版注版原文地址謝謝技術(shù)大大插圖簡單明了上圖啦版配置好啦點擊瀏覽器打開之后直接就可以看了,不用在刪除端口了。 上次了我們配置好開發(fā)環(huán)境了,本小節(jié)主要講述內(nèi)容點: phpStrom的運行環(huán)境配置 創(chuàng)建數(shù)據(jù)庫、數(shù)據(jù)表 連接數(shù)據(jù)庫 一、phpStrom的運行環(huán)境配置(windows版) ...
摘要:上次了我們配置好開發(fā)環(huán)境了,本小節(jié)主要講述內(nèi)容點的運行環(huán)境配置創(chuàng)建數(shù)據(jù)庫數(shù)據(jù)表連接數(shù)據(jù)庫一的運行環(huán)境配置版注版原文地址謝謝技術(shù)大大插圖簡單明了上圖啦版配置好啦點擊瀏覽器打開之后直接就可以看了,不用在刪除端口了。 上次了我們配置好開發(fā)環(huán)境了,本小節(jié)主要講述內(nèi)容點: phpStrom的運行環(huán)境配置 創(chuàng)建數(shù)據(jù)庫、數(shù)據(jù)表 連接數(shù)據(jù)庫 一、phpStrom的運行環(huán)境配置(windows版) ...
摘要:上次了我們配置好開發(fā)環(huán)境了,本小節(jié)主要講述內(nèi)容點的運行環(huán)境配置創(chuàng)建數(shù)據(jù)庫數(shù)據(jù)表連接數(shù)據(jù)庫一的運行環(huán)境配置版注版原文地址謝謝技術(shù)大大插圖簡單明了上圖啦版配置好啦點擊瀏覽器打開之后直接就可以看了,不用在刪除端口了。 上次了我們配置好開發(fā)環(huán)境了,本小節(jié)主要講述內(nèi)容點: phpStrom的運行環(huán)境配置 創(chuàng)建數(shù)據(jù)庫、數(shù)據(jù)表 連接數(shù)據(jù)庫 一、phpStrom的運行環(huán)境配置(windows版) ...
摘要:上次了我們配置好開發(fā)環(huán)境了,本小節(jié)主要講述內(nèi)容點的運行環(huán)境配置創(chuàng)建數(shù)據(jù)庫數(shù)據(jù)表連接數(shù)據(jù)庫一的運行環(huán)境配置版注版原文地址謝謝技術(shù)大大插圖簡單明了上圖啦版配置好啦點擊瀏覽器打開之后直接就可以看了,不用在刪除端口了。 上次了我們配置好開發(fā)環(huán)境了,本小節(jié)主要講述內(nèi)容點: phpStrom的運行環(huán)境配置 創(chuàng)建數(shù)據(jù)庫、數(shù)據(jù)表 連接數(shù)據(jù)庫 一、phpStrom的運行環(huán)境配置(windows版) ...
閱讀 1363·2023-04-25 23:22
閱讀 1761·2023-04-25 20:04
閱讀 2698·2021-11-22 15:24
閱讀 2882·2021-11-11 16:54
閱讀 1947·2019-08-30 14:03
閱讀 1547·2019-08-29 16:35
閱讀 1763·2019-08-26 10:29
閱讀 2813·2019-08-23 18:01