当前位置: 首页 > Web前端 > JavaScript

如何实现前后端并行开发?使用cloudmock真的是效率大大提升!!!

时间:2023-03-27 01:07:29 JavaScript

鍓嶈█澶у濂斤紝鎴戞槸鏋椾笁閼墠鍚庣鍒嗙鍥炴兂鍑犲勾鍓嶅墠鍚庣涓€浣撳寲鐨勬椂浠o紝鎴戞湁鐐规姄鐙傘€傞偅鏃跺€欏鏋滀竴涓」鐩竴涓汉璐熻矗杩樺ソ锛屼絾鏄鏋滃浜哄紑鍙戠殑璇濓紝閭e氨鐪熺殑寰堥夯鐑︿簡锛堝ぇ瀹舵噦鐨勶級銆傝繎骞存潵寮€濮嬭浆鍚戝墠鍚庣鍒嗙鐨勫紑鍙戞ā寮忥紝闄嶄綆浜嗗墠鍚庣鐨勮€﹀悎搴︼紝澶уぇ鎻愰珮浜嗛」鐩紑鍙戠殑鏁堢巼銆傝繖绉嶆ā寮忎篃鏄綋浠婃渶娴佽鐨勫紑鍙戞ā寮忥細鍓嶇锛氬彧璐熻矗缂栧啓鍓嶇椤甸潰鍜岄€昏緫鍚庣锛氬彧璐熻矗缂栧啓鏈嶅姟鍣ㄧ閫昏緫闅愯棌闂銆傚墠鍚庣鍒嗙鏄竴绉嶉潪甯稿ソ鐨勫紑鍙戞ā寮忋€傝繖鐐规瘚搴哥疆鐤戯紝浣嗘槸鍐嶅ソ鐨勫紑鍙戞ā寮忥紝涔熸湁涓€浜涚己鐐广€傝鎴戜妇涓€涓緥瀛愩€傛湁涓€澶╋紝浜у搧鏈夐渶姹傦紝鍓嶅悗绔紑鍙戙€傜涓€澶╋細鍓嶅悗绔叡鍚屽紑鍙戙€傜浜屽ぉ锛氬紑鍙戜簡鍓嶇锛屼絾娌℃湁寮€鍙戝悗绔€傜涓夊ぉ锛氬墠绔棤鎵€浜嬩簨銆傚悗绔紑鍙戠鍥涘ぉ鏈畬鎴愶細鍓嶇鏃犱簨鍙仛锛屽悗绔紑鍙戠浜斿ぉ锛氬墠绔鎺ユ帴鍙o紝鍙戠幇闂锛屼慨澶峛ug銆傚叚澶╋紝涓棿涓ゅぉ锛屽墠绔棤浜嬪彲鍋氾紝鍥犱负浠栭渶瑕佺瓑鍚庣鎵€鏈夌殑鎺ュ彛閮藉啓瀹岋紝鎵嶈兘寮€濮嬭繛鎺ワ紝瑙e喅闂銆傚叾瀹為棶棰樺氨鍑虹幇鍦ㄨ繖涓ゅぉ涓棿銆傚鏋滃湪杩欐鏃堕棿閲岋紝鍓嶇鍙互鎶婂悗绔啓鐨勯偅閮ㄥ垎鐣岄潰鎻愬墠杩炴帴璧锋潵锛岄偅浣犲氨娌′簨浜嗭紝杩欐牱鍙互澶уぇ缂╃煭鏁翠釜椤圭洰鐨勫紑鍙戝懆鏈焴浣嗘槸濡傛灉鎯宠瀹炵幇杩欎釜鏁堟灉锛屽氨涓嶅緱涓嶆彁Mockjs浜嗭紝閫氫織鐐硅灏辨槸锛氬墠绔氨鏄€氳繃Mockjs鍋氬亣鏁版嵁锛岃皟璇曞鎺ュ悗绔啓鐨勯儴鍒嗙晫闈紝浣嗘槸鎴戠敤浜嗚繖涔堝涔嬪悗Mockjs搴擄紝鎴戦亣鍒颁簡涓€浜涗笉瓒筹細涓嶅绠€鍗曪紝浣跨敤鐨勬椂鍊欒繕瑕佺湅Mock鏂囨。涓嶅瀹炴椂銆傚悗绔敼瀛楁鍚庯紝鍓嶇鐩稿簲鐨刴ock涔熻淇敼閭d箞鏈夋病鏈夎繖鏍蜂竴涓伐鍏凤紝瓒冲绾补锛岃冻澶熺畝鍗曪紝瓒冲瀹炴椂锛熸帹鑽愪竴涓嬫垜鏈€杩戠敤鐨勫伐鍏稟pifox~Apifox鈥斺€擜PI宸ュ叿涔嬬帇Apifox鏃犵枒鏄渶濂界敤鐨凙PI鏂囨。宸ュ叿銆丄PI鑷姩鍖栨祴璇曞伐鍏枫€丄PIMock宸ュ叿銆佹帴鍙f枃妗g鐞嗗伐鍏枫€佹帴鍙f枃妗g敓鎴愬伐鍏枫€傛槸褰撲粖API宸ュ叿棰嗗煙褰撲箣鏃犳劎鐨勭帇鑰咃紒锛侊紒鏈€杩戝湪鐢ㄥ畠鐨勪竴涓姛鑳解€斺€擟loudMockCloudMock鍏堣璇碿loudMock鍔熻兘鐨勫ソ澶勶細1.澶熺函绮癸紝涓嶉渶瑕佸啓浠讳綍mock浠g爜2.澶熺畝鍗曪紝鐩存帴澶嶅埗閾炬帴3.瓒冲瀹炴椂锛屽悗绔洿鏀规暟鎹紝鍓嶇涓嶉渶瑕佹洿鏀硅姹備唬鐮侊紝鍙渶瑕佸墠绔€傞厤鍗冲彲銆侫pifox鐨勫熀鏈娇鐢紝鍙互璁块棶甯姪鏂囨。锛歨ttps://www.apifox.cn/help/涓嬮潰鎴戝氨绠€鍗曠殑婕旂ず涓€涓嬩娇鐢ˋpifox杩涜鍓嶅悗绔崗鍚屽紑鍙戞椂鏁堢巼濡備綍~1銆傚垱寤轰釜浜洪」鐩紝棣栧厛杈撳叆Apifox鐨勭綉椤靛湴鍧€锛堝彲浠ュ湪鍘熸枃閾炬帴澶勮緭鍏ワ級锛岀劧鍚庢柊寤轰竴涓」鐩紙鍚嶅瓧闅忔剰~锛?銆佹柊寤轰竴涓晫闈紝鐐瑰嚮鏂板缓鐣岄潰锛屽垱寤烘帴鍙e悜涓嬫粴鍔紝浼氭壘鍒拌繑鍥炲搷搴旈儴鍒嗭紝杩欓噷鍙互璋冨害杩欎釜鎺ュ彛鐨勮繑鍥炴暟鎹粨鏋勶紝杩欓噷鍙互閫夋嫨Mock瑙勫垯锛孉pifox鎻愪緵浜嗚秴澶氱殑Mock瑙勫垯渚涗綘閫夋嫨锛侊紒锛佺湡瀹炵殑銆?鏈夊緢澶歁ock瑙勫垯鍙緵閫夋嫨銆傛垜鑳芥兂鍒扮殑閮芥湁浜唦鐒跺悗寰€涓嬫媺锛屽氨鍙互鎵惧埌鍝嶅簲绀轰緥鐨勫垎鍖轰簡銆傝繖涓垎鍖哄緢妫掋€傚畠鍙互鏍规嵁鎮ㄥ垰鍒氬畾涔夌殑杩斿洖鍝嶅簲鐢熸垚鏍锋湰銆傚お妫掍簡~鐒跺悗鐐瑰嚮淇濆瓨锛屾垜浠氨鍒涘缓浜嗕竴涓晫闈紒锛侊紒杩欎釜鎬庝箞鏍凤紵瀹冭秴蹇悧锛熸垜绮楃暐绠椾簡涓€涓嬶紝鍒涘缓杩欎釜鐣岄潰鎴戝彧鐢ㄤ簡2鍒嗛挓~浣犳病鍚敊锛?鍒嗛挓~~3.鎵撳紑cloudmock鏈€鐗涢€肩殑閮ㄥ垎鏉ヤ簡锛侊紒锛佸紑鍚簯妯℃嫙鍔熻兘锛佺劧鍚庢垜浠洖鍒扮晫闈㈢鐞嗭紝閫夋嫨鍒氬垰鍒涘缓鐨勭晫闈紝璁板緱鎶婂彸涓婅鐨勮繍琛岀幆澧冨垏鎹㈡垚remoteMock4锛岃皟璇曠晫闈竾浜嬩勘澶囷紝鍙瑺涓滈浜嗐€傛渶鍚庢垜浠彧闇€瑕佺偣鍑诲彂閫佸氨鍙互绔嬪嵆璋冭瘯鐣岄潰浜嗐€傜湅鐫€鐢熸垚鐨勬暟鎹紝鏄笉鏄績鍔ㄤ簡锛熸垜鍦ㄤ笉鍒?鍒嗛挓鐨勬椂闂村唴缂栧啓骞惰皟璇曚簡涓€涓帴鍙o紒5銆佸墠绔姹傚墠绔彧闇€瑕佸鍒舵湰鎺ュ彛鐨勯摼鎺ワ紝杩涜璇锋眰鍗冲彲銆傚綋鍚庣淇敼鏌愪釜鎺ュ彛淇℃伅鏃讹紝鍓嶇鐨勮姹傜爜涓嶉渶瑕佹敼~鍥犱负鍦板潃杩樻槸鍘熸潵鐨勫湴鍧€锛屽墠绔彧闇€瑕佷慨鏀逛慨鏀瑰悗鐨勬暟鎹€傞厤鍗冲彲~constrequest=async()=>{constdata=awaitaxios.get("https://mock.apifox.cn/m1/1033520-0-default/api/v1/shop");鎺у埗鍙版棩蹇楋紙鏁版嵁锛夛紱};鎬荤粨澶у墠绔椂浠o紝宸ュ叿鐨勯€夋嫨瀵逛簬鎻愰珮鏁堢巼闈炲父閲嶈銆傛劅璋pifox鐮斿彂鍥㈤槦鍋氬嚭浜嗚繖涔堢畝鍗曞疄鐢ㄧ殑宸ュ叿锛屽湪浣跨敤鍓嶅悗锛屾暣涓洟闃熺殑寮€鍙戞晥鐜囩‘瀹炴彁鍗囦簡涓€涓。娆°€傪煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆火煈嶐煆昏繖鏄畼鏂圭綉绔欙細瀹樻柟缃戠珯