# start-static-site

**Repository Path**: anycodes_admin/start-static-site

## Basic Information

- **Project Name**: start-static-site
- **Description**: fc 静态站点部署应用
- **Primary Language**: HTML
- **License**: Not specified
- **Default Branch**: main
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 1
- **Created**: 2021-04-29
- **Last Updated**: 2022-03-18

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 说明
本项目可以将任意前端静态页面托管到阿里云函数计算产品上

## 适用场景

公司内部紧急需要上线，却又短时间难以调配好机器，域名的运营类，或官网展示类项目

## 开发使用步骤
### 前置条件
安装 最新 s 工具
```
npm i @serverless-devs/s -g
```
### 1 初始化
```
s init  devsapp/start-static-site
```
### 2 开发部署

#### case1: 纯静态html,css,js工程
配置文件： s.yaml 

提供了一个默认的 dist 静态目录，你可以替换其中任意内容
##### 开发指令
```
s serve
```
##### 部署指令
```
s deploy
```
#### case2: vue工程
配置文件： vue.yaml.template，使用vue-cli 初始化的hello-world-vue 应用
使用时需将vue.yaml.template 重命名为 s.yaml 。 你可以按照使用vue 的方式进行页面开发,再通过s进行部署

##### 开发
```
s serve

```
##### 部署
```
s deploy
```
### case3: react工程
配置文件： react.yaml.template，使用create-react-app 初始化的hello-world-react 应用
使用时需将react.yaml.template 重命名为 s.yaml 。 你可以按照使用react 的方式进行页面开发,再通过s进行部署
##### 开发
```
s serve

```
##### 部署
```
s deploy
```


## TODO
jamstack 站点服务，提供动静态的结合能力。满足业务的进一步动态化，安全性等诉求