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妗嗘灦鐨勪娇鐢ㄤ緥瀛愶紝鎶涚爾寮曠帀銆?
