deriv com

deriv.com

deriv.com-一個在線交易平台，為24/7提供多種衍生品。

在本文檔中：

• 其他文件
• 預安裝
• 快速開始
• 如何貢獻
• PR構建準則
• 無翻譯的公關
• 公關帶翻譯
• 管理版本
• 測試鏈接部署
• 常問問題

其他文件

• 一般實施 - 包含在deriv.com中進行開發的方法
• 開發準則 - 為從事該項目的開發人員提供建議
• GIT最佳實踐 - 包含GIT實踐並提出指南
• 文件結構
• GTM工作流 - 包含Google標籤管理器工作流和其他信息
• 翻譯工作流 - 包含我們翻譯過程所需的一般工作流和命令
• 打字稿指南 - 包含該項目的打字稿指南和約定

預安裝

在運行或為該項目貢獻之前，您需要在環境中設置以下軟件包的設置

• 節點> = 18.12.1
• NPM> = 8.19.2
• git（ contribution ）
• gatsby-cli（npm install -G gatsby-cli）（用於使用腳本未列出的命令）

此外，擁有這些擴展將有助於您加快開發過程並遵守最佳實踐

• Prettier：編輯器中的設置https://prettier.io/（或者您可以運行npm run format 。vs代碼的安裝指南-https：//www.codementor.io/@myogeshchavan977/ code-in-visual-studio -code-usider-prettier-1nebhfbxak webstorm-https：//www.jetbrains.com/help/webstorm/webstorm/prettier.html#prettier_before_you_start
• stylelint npm run stylelint編輯器中的設置
• eslint：編輯器中的設置https://eslint.org/（或者您可以運行npm run eslint ）

快速開始

1. 分叉項目

   為了在您自己的deriv應用程序上工作，請向您自己的存儲庫提供項目。

2. 使用SSH克隆

   git clone [email protected]:your-github-username/deriv-com.git

3. 輸入項目目錄

    cd deriv-com

4. 安裝您的依賴項：

   npm ci

5. 添加env變量：

   創建兩個文件.env.development和.env.production項目root Directory內部。

   然後檢查您的LastPass，您將看到一個名為deriv-com env變量複製變量的共享項目，它們看起來像這樣：

   並將它們粘貼到文件中。

6. 開始發展：

   npm start

7. 打開源代碼並開始編輯！

   您的網站現在正在http://localhost:8000 ！

   注意：您還將看到第二個鏈接： http://localhost:8000/___graphql 。這是您可以用來嘗試查詢數據的工具。了解有關在Gatsby教程中使用此工具的更多信息。

如何貢獻

為了在項目中做出貢獻，我們需要為掌握創建PR。我們有兩種類型的PR（拉請求）：

PR構建準則

1. 使用{Developer}/{Clickup Card ID}/{Description}格式用於PR標題。 （例如： [Dev's Name]/COJ-247/Align next-button on mt5 modal ）。
2. 在命令式聲明中開始描述，以確保清晰度和簡潔。例如，“與...修復問題”或“實現功能為...”。
3. 添加更改的屏幕截圖，以便於審查（只要適用）和簡短說明
4. 如果您不想要求審查，請使用PR草案。在這裡閱讀更多。

無翻譯的公關

如果提交沒有文本更改，則PR將基於主分支

1. 從最新的主分支創建分支

   git checkout master
   git pull upstream master
   git checkout -b [_your_branch_name]

2. 進行更改

3. 按照公關格式指南提出拉請請求。

• 將您的更改推向原點，首次添加-u標誌

  git push -u origin [_your_branch_name]

• 單擊終端的自動化鏈接以打開PR

• 確保將公關基礎更改master分支

PR帶翻譯

• 先決條件：

  • 安裝Crowdin-CLI

    brew tap crowdin/crowdin
    brew install crowdin

  • 在.bash_profile或.zshrc中設置您的Crowtin API鍵

• 創建分支

  npm run branch:create

  繼續選擇正常翻譯

• 下載翻譯

  npm run translation:pull

  此命令將觸發工作流程以從特定分支中提取最新翻譯，並自動將提交添加到該PR中。

• 推動PR的變化

• 消息上的衝突。

  不用擔心，它很容易解決，您可以使用更改來解決它，或者它們的更改無關緊要，因為提交後，它將再次基於當前代碼生成更新的消息。JSON文件，只要您有大師們的所有更改您都很好。

  拉了翻譯，但仍未首先翻譯字符串，您需要檢查您是否在代碼庫中具有所有翻譯。搜索字符串並複製字符串的相應哈希值，請參見Messages.json。

  現在，使用哈希搜索整個代碼庫，如果搜索結果上出現了每種語言的JSON文件，則您檢查值是否不使用英語。一旦翻譯被證明存在，您需要檢查通常在不使用React組件時使用本地化功能的字符串的位置，它無法正確翻譯字符串，可以將它們轉換為

管理版本

有兩種版本類型：

1. 釋放到分期：

合併主（壁球和合併）將自動將最後一個提交發佈到登台服務器https://staging.deriv.com

2. 釋放生產：

發布生產需要使用以下格式標籤：

production_VYYYYMMDD_${Integer} ---整數是發行版本

發布步驟的示例

• 在今天的日期創建標籤

  git tag production_V20200806_0 -m ' release to production '

• 將標籤推到主要存儲庫

  git push upstream production_V20200806_0

測試鏈接部署

創建PR後，Vercel和Cloudflare將自動生成PR內的兩個測試鏈接。您可以使用它來預覽您所做的更改的測試鏈接。