缁欒８鎺ュ彛鍔犱竴閬撻槻鎶わ紝閬垮厤鎭舵剰鐩楀埛鍜岀埇鍙朹html/css_WEB-ITnose

WEB搴旂敤鏄紑鏀剧殑锛學EB鍓嶇浠ｇ爜涔熸槸鍏紑鐨勶紝鍜屽悗绔氦浜掔殑鎺ュ彛濡傛灉娌℃湁缁忚繃鐗规畩澶勭悊锛堝姞瀵?token锛夛紝閭ｄ箞灏辨槸瑁搁湶鐨勶紝鍙鐭ラ亾api鍦板潃锛岄偅涔堝氨鑳介殢渚胯幏鍙栧簲鐢ㄦ暟鎹€傝繖鏍峰簲鐢ㄦ暟鎹氨寰堝鏄撹浜虹埇鍙栨垨鑰呮伓鎰忕洍鍒凤紝鍏稿瀷鐨勭煭淇¤鎭舵剰鐩楀埛銆?/p>

鍏徃鐞嗚储浜у搧鐨勭煭淇℃帴鍙ｅ氨鏄竴涓８鎺ュ彛锛屽彧瑕佹墜鏈哄彿灏卞彲浠ヤ换鎰忕洍鍒凤紝褰撶劧鑳屽悗鏈夋牴鎹墜鏈哄彿锛宨p鍦板潃鍋氫簡璇锋眰闄愬埗锛屼絾杩樻槸涓嶅銆傚悗闈㈠氨鍔犱簡涓€瀹氭椂闂村唴涓€瀹氳姹傛鏁扮殑Token锛屽悗闈㈣瀵燂紝鍩烘湰娌℃湁琚埛鐨勮抗璞★紝璇存槑鏂扮殑鏈哄埗杩樻槸璧峰埌寰堝ぇ浣滅敤銆傚綋鐒惰繖涓満鍒朵笉浠呮槸鐢ㄤ簬闃茬煭淇＄洍鍒凤紝鍙敤浜庝换鎰忕殑瑁告帴鍙ｉ槻鎶ゃ€?/p>

鍘熺悊寰堢畝鍗曪紝灏辨槸鍦╳eb椤甸潰璇锋眰鐨勬椂鍊欑敱鍚庣鎸変竴瀹氱殑绠楁硶娉ㄥ叆token鍒伴〉闈腑鍘伙紝鐒跺悗鍓嶇鍙互閫氳繃瀵瑰簲鐨勮鍒欏彇鍒皌oken锛屽湪璇锋眰鎺ュ彛鏁版嵁鏃跺甫涓婂幓灏辫兘鍦ㄥ悗绔token杩涜楠岃瘉锛岄獙璇侀€氳繃灏辫兘姝ｅ父璇锋眰鍒版暟鎹€傚鏋滄槸native app 锛屽彲閫氳繃鍔犲瘑鐨勬柟娉曡姹傛帴鍙ｆ潵鑾峰彇token锛屾渶绠€鍗曠洿鎺ョ殑鏂瑰紡灏辨槸native app 瀹㈡埛绔娇鐢ㄤ竴娈靛瓧绗︿覆+鏃堕棿鎴筹紙浠庡悗绔幏鍙栵級杩涜鍔犲瘑锛岀劧鍚庤姹傚悗绔帴鍙ｏ紝鎺ュ彛瀵规暟鎹繘琛岃В瀵嗭紝瀵规椂闂存埑瀵规瘮锛屽湪涓€娈垫椂闂村唴璁や负鏈夋晥锛堥伩鍏嶅姞瀵嗕俊鎭鎷︽埅锛屾墍浠ュ姞浜嗘椂闂存埑鏍￠獙锛夛紝浠庤€岃幏鍙杢oken銆?/p>

褰撶劧web搴旂敤閮芥槸鍏紑鐨勶紝鎵€鏈夋簮鐮佺悊璁轰笂閮芥槸鑳借幏鍙栧埌鐨勩€傞偅涔堝悗绔悜web椤甸潰娉ㄥ叆token鐨勬柟寮忎篃鑳借鐮磋В锛屾墍浠ワ紝鍚庣娉ㄥ叆token鐨勫舰寮忓彲瀹氬埗锛屾瘮濡傛敞鍏ュ埌璇锋眰锛屾垨鑰呰嚜宸卞疄鐜颁竴濂楃畻娉曪紝澧炲姞琚牬瑙ｇ殑闅惧害銆?/p>

鎶婅繖濂楁満鍒舵暣鐞嗘垚涓€涓嫭绔嬬殑npm鍖?access-token-api锛屾柟渚垮椤圭洰澶嶇敤銆?

浣跨敤渚嬪瓙锛?/h3>

npm install access-token-api//server(nodejs)  绔?var accessTokenApi = require('access-token-api');var TokenApi = new accessTokenApi({    webTokenVarName:'encrypt_api_tokenStr',//鍓嶇鍙€氳繃webTokenVarName鍙橀噺鍘诲埌token鍊硷紝榛樿encrypt_api_tokenStr});//web鍓嶇鍙杢oken鍊?window[webTokenVarName] //璇锋眰鎺ュ彛鏃跺甫涓婅繖涓€煎氨鑳借繘琛宼oken鏍￠獙浜?

涓昏鎺ュ彛

鐢熸垚token api issue楠岃瘉token api verifytoken 鏈夋晥娆℃暟鍑忎竴 api declineserver 绔?灏唗oken 娉ㄥ叆鍒?web 鍓嶇椤甸潰 api webInject

鑷畾涔夊悗绔敞鍏oken鍒皐eb鍓嶇椤甸潰鐨勬柟寮忥紝鍙互鍒濆鍖栨ā鍧楁椂鑷畾涔墂ebInject鍙傛暟(鍑芥暟)

var TokenApi = new accessTokenApi({    webInject:function(html,token,callback){    var htmlEndIndex = html.indexOf('</html>');      var tokenScript = '<script>window.' + this.config.webTokenVarName + '=' + token + '</script>';      var prevHtml = html.substring(0,htmlEndIndex);      var nextHtml = html.substr(htmlEndIndex);       prevHtml += tokenScript;      prevHtml += nextHtml;      callback(null,prevHtml);    }});

椤圭洰鍦板潃 https://github.com/navyxie/access-token-api,閲岄潰鏈塭xpress鍜宻ails妗嗘灦鐨勪娇鐢ㄤ緥瀛愶紝鎶涚爾寮曠帀銆?