小程序新功能更新日志，自动部署: github action + netlify

2020年3月15日

使用github和netlify搭建自己免费静态网站

最近比较多的做小程序，因为小程序的功能更新比较频繁，浩瀚的文档中难以去找新功能，他们也没有统一的出处，所以我就根据他们的文档自动生成了一版，通过接口的版本号来判断哪些是新的功能，然后部署成静态网站方便查阅。

研究了一下Github Action, 发现可以用它来实现网站的自动化部署，通过netlify，可以做一个免费的自动化部署的静态网站，这个网站也是这样做的，这篇文章就是跟大家说一下怎么做？小程序功能更新网站在 http://mp.hulin.ink/

其实有两个方式来实现自动化部署，看你的需要

只用通过netlify的部署功能

在netlify上你可以选择 New sit from Git, 然后选择一个目录，你就可以把那个目录下的静态网站部署到netlify上了，如果你想要自己配置域名，netlify上也可以做，上面还有很多功能，你可以看一下

说一下这个网站的部署

git项目: https://github.com/flyingalex/blog，/blog.hulin.ink/public 目录，我这个网站是用hugo建的，跑完命令hugo -D就会生成public部署目录
在netlify上build的时候选择这个项目的这个目录，直接就会部署了
以后每次更新这个目录，会触发netlify的钩子函数，实现自动部署

Github Action + netlify

先看创建的网站http://mp.hulin.ink/, 数据都是官方文档拉的,每天凌晨1点钟去拉一次数据更新

git项目，parcel+js，parcel还挺好用的，代码在这里
在项目内创建.github/workflow/main.yml, 内容大概是这样的

name: CI

on: 
  push:
    branches:
      - master
  schedule:
    - cron:  '0 1 * * *'


jobs:
  build:
    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@v2
    - uses: actions/setup-python@v1
      with:
        python-version: '3.x'
    - name: generate data
      run: |
        python -m pip install --upgrade pip
        pip install -r requirements.txt
        cd spider
        scrapy crawl mpcomponent -o mpcomponent.json
        scrapy crawl mpapi -o mpapi.json        
    - name: build frontend
      run: |
        npm install
        npm run build        
    - name: publish to netlify
      uses: netlify/actions/cli@master
      with:
        args: deploy --dir=public --prod
      env:
        NETLIFY_AUTH_TOKEN: NETLIFY_AUTH_TOKEN
        NETLIFY_SITE_ID: NETLIFY_SITE_ID

主要看:

- name: publish to netlify
  uses: netlify/actions/cli@master
  with:
    args: deploy --dir=public --prod
  env:
    NETLIFY_AUTH_TOKEN: NETLIFY_AUTH_TOKEN
    NETLIFY_SITE_ID: NETLIFY_SITE_ID

其余代码都是构建静态网站用的使用了netlify/actions/cli@master, --dir=public代表你部署的目录然后NETLIFY_AUTH_TOKEN和NETLIFY_SITE_ID都可以到他们cli repo找到出处

另外每四个小时部署一次是在这里的:

schedule:
    - cron:  '0 1 * * *'

就这样，一个免费的自动化部署网站就好了

referrence: