bolt.new实操指南：使用 FDA API 和 GitHub 部署创建多语言临床试验站点

实操指南：注册并使用bolt.new，结合FDA API创建多语言临床试验公告网站，及GitHub发布与运营

在本文中，我将分享如何通过 bolt.new 注册并使用其平台，结合 FDA API，创建一个能够抓取 FDA 新药临床试验公告的多语言网站，并使用 GitHub 进行部署、发布和运营。为增强开发过程中的查询效率，我们将使用 OpenAI 和 Perplexity.AI 辅助。

注册账户：
- 访问 bolt.new 并注册一个免费账户。
- 完成注册后，登录并创建一个新的项目。
新建项目：
- 选择项目模板或从头开始，输入项目名称，
- 例如“FDA-Data-Explorer”，选择项目所需的编程语言，如 JavaScript 或 Python。

申请 FDA API 访问：
- 前往 FDA’s openFDA 注册并获取 API 密钥。
- 确保了解 API 文档和所需的端点，如 /drug/event.json 或 /drug/trials.json，以便抓取最新临床试验数据。
实现 API 调用：
- 在 bolt.new 的编辑器中，编写一个抓取和解析数据的脚本。
- 例如，在 JavaScript 中：
- async function fetchFDAData() { const response = await fetch( 'https://api.fda.gov/drug/trials.json?api_key=YOUR_API_KEY&limit=10' ); const data = await response.json(); return data.results; } fetchFDAData().then(results => console.log(results));
数据解析和显示：
- 将抓取的数据格式化后在页面上显示，包括试验名称、条件、干预措施、阶段等信息。

国际化支持 (i18n)：
- 使用简单的国际化库（如 i18next）来实现多语言界面支持。
- 编写 JSON 文件存储中文和英文的翻译文本：
- { "en": { "trial_name": "Trial Name", "condition": "Condition", "phase": "Phase" }, "zh": { "trial_name": "试验名称", "condition": "条件", "phase": "阶段" } }
界面实现：
- 在页面中调用国际化库，根据用户选择的语言切换文本。

创建 GitHub 仓库：
- 在 GitHub 上创建一个新的仓库，例如 FDA-Data-Explorer，并将 bolt.new 项目推送到该仓库。
部署到 GitHub Pages：
- 在仓库的设置中启用 GitHub Pages，选择 main 分支作为发布来源。
- 项目根目录中创建一个 index.html 文件，并配置 workflow 脚本自动部署。
设置 GitHub Actions：
- 在 .github/workflows/deploy.yml 中配置自动化部署脚本：
- name: Deploy to GitHub Pages on: push: branches: - main jobs: deploy: runs-on: ubuntu-latest steps: - name: Checkout code uses: actions/checkout@v3 - name: Setup Node.js uses: actions/setup-node@v3 with: node-version: '16' - name: Install dependencies run: npm install - name: Build project run: npm run build - name: Deploy uses: peaceiris/actions-gh-pages@v3 with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_dir: ./dist

总结

通过以上步骤，你可以高效创建并维护一个抓取 FDA 临床试验公告的网站，支持多语言显示并实现自动化部署。