有了這個雲端Mock功能，你的簡歷起碼提升30分！

liamhong發表於2022-06-01
Mock

前言

大家好，我是林三心

我發現一個現象很久了：很多人都喜歡私下自己做一些專案。也就是一些個人的專案，其實我覺得這樣挺好處挺多的：

  • 1、可以在空閒時間提升自己的技術
  • 2、這些個人專案可以寫在簡歷上，為自己加分

大家都有這樣的疑問~

  • 問：三心哥啊，我覺得自己私下裡寫的專案真的雞肋啊，食之無味，棄之可惜
  • 我：為啥這麼說呢？
  • 問：寫到簡歷上，怕面試官覺得low，不寫到簡歷上，又覺得也還行，畢竟可以湊湊數嘛
  • 我：小問題，你把雞肋烹飪成豬腳?，不就行了嘿嘿
  • 問：啊？？？雞肋還能烹飪成豬腳？？？

我很尷尬！！！

有一位兄弟跟我分享了他在求職過程中經歷的幾件事：

  • 我真沒啥好寫的啊！！！
  • 我真的沒那麼多精力啊！！！
  • 我真的很尷尬啊！！！

我真的沒啥好寫的啊！！！

我在求職的時候想要讓自己的專案經驗表現得更加豐富，但是我真的沒啥好寫的啊，公司就做那麼幾個小專案，小打小鬧的，感覺上不了檯面啊。。。

我真的沒那麼多精力啊！！！

你叫我私下去自己寫專案嗎？我也想啊，我也想好了要寫一個怎麼樣的專案了，但是我是一個前端工程師啊，我不會後端。。。我哪有那麼多的精力兼顧前後端呢？招人組隊的話，大家也很忙啊，交流起來也不方便，還不如我自己一個人開發呢~

我真的很尷尬啊！！！

是，Nodejs也是前端的一部分，最後我用它去寫了一些介面，也把整個專案寫出來了，但是我要同時寫前端、後端，這導致了：

  • 1、後端不精，寫的很爛，寫的介面質量太差了
  • 2、想要兼顧前後端，最後導致了我前端寫的質量也很差，達不到我平時的水平
  • 3、作品展示的時候，面試官在憋笑 我在憋哭 ~
  • 4、竹籃打水一場空啊~寫的東西還不如不寫呢~太尷尬了吧~

如何才能寫好個人專案呢？

我真的是很鼓勵大家都能私底下能去多做一些專案的，多學一些技術，多提升自己，但是每個人的精力都是有限的，這暴露出來了幾個問題：

  • 你可以兼顧前後端嗎？
  • 你能分配足夠多的精力在前端上嗎？

如果有個人幫你寫後端呢？

很多人第一時間會想到——Mockjs，是的，以往當我們不想寫後端時，就會使用Mockjs來生成假資料，達到模擬後端的效果，但是我在用了這麼多Mock的工具之後，我發現一些問題：

  • <span style="color: red">不夠純粹，還是得寫一些服務端的程式碼</span>
  • <span style="color: red">不夠簡單，使用過程還得去看Mock文件</span>
  • <span style="color: red">不夠方便，定義完一個介面不能馬上除錯</span>
  • <span style="color: red">不夠靈活，當你想要改一個欄位的模擬資料時，得一個一個去找</span>

當我在寫個人專案時，我只想要純粹的前端，簡單的操作，方便的除錯，靈活地修改，所以我希望我用到的Mock工具應該具備以下特點：

  • 夠純粹，我只想寫前端，不想寫後端
  • 夠簡單，有現成的mock規則讓我選
  • 夠方便，隨時定義介面，隨時除錯
  • 夠靈活，改欄位時可以通過視覺化介面快速找到並進行修改

所以，我們在選Mock工具時，一定要選一個能讓我們效率最高，用起來最舒服的工具，這樣才能讓我們在做個人專案時，能得到最大的個人提升！！！

讓雞肋變豬腳的神器——Apifox

Apifox = Postman + Swagger + Mock + JMeter。集介面文件工具、介面Mock工具、介面自動化測試工具、介面除錯工具於一體,提升 10 倍研發效率。

我最近在使用它的一款功能——雲端Mock

這是一個與眾不同的Mock功能，用它來模擬後端，簡直是太快樂了！！！我真的能無憂無慮地做我的個人專案！！！

1、新建個人專案

首先進入Apifox的網頁版地址，然後新建一個專案（名字隨便取的啦~）

2、新建一個介面

點選新建介面，進行介面的建立

往下滾動，你會發現返回響應這個分割槽，在這裡可以定時此介面的返回資料結構，並可以在此處進行Mock規則的選擇，Apifox提供了超多Mock規則供你選擇！！！

真的。。很多Mock規則供選擇啊，我想到的都有了~

然後再往下滾動，你會發現響應示例這個分割槽，這個分割槽可神奇了，它能根據你剛剛定義的返回響應，生成一個示例，牛逼~

然後點選儲存，我們這就算建立完一個介面啦！！！怎麼樣？是不是超級快？我大概算了一下，我建立這個介面只用了2分鐘~你沒聽錯，2分鐘哦~~

3、開啟雲端Mock

最最最牛逼的環節來了！！！開啟雲端Mock這個功能！

然後我們返回介面管理，選擇我們們剛剛新建的那個介面，記得把右上角的執行環境切換成遠端Mock哦

4、除錯介面

萬事俱備，只欠東風。最後我們們只需要點選傳送即可馬上除錯介面，看著生成的資料，是不是很興奮，我用不到5分鐘的時間就寫完並除錯完一個介面，有了Apifox，老子就是全棧工程師！！！

5、前端請求

前端只需要複製此介面的連結，並進行請求即可

const request = async () => {
    const data = await axios.get(
      "https://mock.apifox.cn/m1/1033520-0-default/api/v1/shop"
    );
    console.log(data);
  };

Apifox——API工具屆的豬腳(主角)

Apifox無疑是當前最好用的API文件工具，API自動化測試工具，API Mock工具，介面文件管理工具，介面文件生成工具。是當今API工具領域當之無愧的主角！！！

純粹

Apifox就像是每個開發人員的一位純粹的朋友，無論是前端、後端、測試，他都能在你面臨開發效率問題的時候，一直幫助你：

  • Mock功能：前端人員狂喜
  • 介面文件功能：後端人員直呼爽爆
  • 介面測試功能：測試人員表示很省力

簡單

大家剛剛也看到了，我2分鐘建立一個介面，5分鐘內完成整個介面的建立、除錯，簡簡單單，五分鐘內，我從一個前端程式設計師升級成一位全棧工程師，牛逼！！！，用滑鼠點幾下就能成為一個全棧大佬，何樂而不為呢？

方便

我定義完介面，直接就除錯，中間並沒有什麼複雜的步驟阻塞我。一個字——爽！兩個字——順暢！三個字——真順滑！！！

四個字——真滴方便！！！

靈活

作為一個視覺化的API文件工具，Apifox提供了分組、搜尋等功能，讓你能在極短的時間內找到你想修改的介面，並且修改介面介面結構分明，一目瞭然，想在哪就改哪~

友好

Apifox不止是一款強大的API文件工具，同時它也是一款對開發人員非常友好的工具~不得不佩服Apifox團隊的大佬們，每天在100多個群中耐心解答使用者的問題，而且對於每個使用者提的需求，都非常重視。

還記得上次我在群裡不經意提了個小需求，幾天後連我自己都忘了，但是Apifox的大佬居然艾特我說：”幾天前您提出的需求，今天已上線~“，打心底給Apifox豎起大拇指~??????大拇指

總結

Apifox是一款強大的工具，使用起來非常簡單，它提供了通俗易懂的幫助文件，大家用起來！！！提高開發效率在此一舉！！！

相關文章