update readme for v0.1.0

README.md

@@ -1,33 +1,35 @@
 # zhuanglang-course-web
  A course resources web for junior high school students in Zhuanglang, Gansu, China.  
  Use Vue.js as front end and Spring Boot as back end.
- Demo site is [here](http://114.116.233.111:8080/).
+ Demo site is [here](http://123.56.239.70:8080/).
 
- 这是一个为甘肃庄浪县思源实验学校搭建的教学资源平台，用于收录甘肃初中的信息技术、音乐、体育、美术课程的教学资源。也是我2020年7月参加“南开大学服务学习：计算机教育与科技扶贫”课程的实践成果。 [网站](http://114.116.233.111:8080/)已开始试运行。  
+ 这是一个为甘肃庄浪县思源实验学校搭建的教学资源平台，用于收录甘肃初中的信息技术、音乐、体育、美术课程的教学资源。也是我2020年7月参加“南开大学服务学习：计算机教育与科技扶贫”课程的实践成果。 [网站](http://123.56.239.70:8080/)已开始试运行。  
 ![CodeQL](https://github.com/Alexhaoge/zhuanglang-course-web/workflows/CodeQL/badge.svg)
 
 ## Run and Deploy
 ### Initialization
 1. Clone this repositroy.
 2. Install MySQL and login as administrator.
 3. Create database, user, and tables with the script [zhuanglang.sql](https://github.com/Alexhaoge/zhuanglang-course-web/blob/master/zhuanglang.sql).
-4. Set `web.upload.path` in `zhuanglang/src/main/resources/application.properties` for diretory to store lesson resources like pdf or mp4.
 ### Run
 Run these commands in project workspace. The website frontend is at `http://localhost:8080/` and the backend is at `http://localhost:8443/`
 ```
-gradle npmBuild
+cd web
+npm run dev
+cd ..
 gradle bootRun
 ```
 We can also run front end and backend seprately by running `npm run dev` in `web` folder and `gradle bootrun` in `zhuanglang` folder.
 ### Deploy
-We can deploy it in two ways.
 #### deploy seprately
 We can also put static files of front end into nginx and run backend with tomcat.  
 1. change the hostname in [prod.env.js](https://github.com/Alexhaoge/zhuanglang-course-web/blob/master/web/config/prod.env.js) and [zhuanglang_nginx.conf](https://github.com/Alexhaoge/zhuanglang-course-web/blob/master/zhuanglang_nginx.conf)
 2. copy [zhuanglang_nginx.conf](https://github.com/Alexhaoge/zhuanglang-course-web/blob/master/zhuanglang_nginx.conf) to `/etc/nginx/conf.d/zhuanglang.conf` and restart nginx.
-3. run `npm run build` in `web` folder and get front end in `web/dist`. copy `staic` and `index.html` to `/var/www/html/zhuanglang` on the server.
+3. run `gradle npmBuild` (or `npm run build` in `web` folder) and get front end in `web/dist`. copy `staic` and `index.html` to `/var/www/html/zhuanglang` on the server.
 4. run `gradle build` in `zhuanglang` and copy to the jar file some where on the server and run `java -jar zhuanglang.jar`  
 #### wrap frontend and backend together in `war`
+This method is available for v0.0.1 but has not been tested in v0.1.0.
+**2020.11.30 NOTE: This deployment method is depreacated and probably will not work due to the API request url in the frontend**
 1. Remove these code in `zhuanglang/build.gradle`:
     ```Gradle
     jar {
@@ -54,9 +56,6 @@ We can also put static files of front end into nginx and run backend with tomcat
     ```
 2. run `gradle build` and we can find the war file in `zhuanglang/build/libs`.
 3. copy the war file to some where on the server and run `java -jar zhuanglang.war`
-
-##### NOTE
-This method is not tested in v0.1.0
-Deploy on together on port 8443 may bring **cross-orgin** access problems.
+
 ## Acknowledge
 The design of the whole website take reference from *Evan-Nightly's* [White-Jotter Project](https://github.com/Antabot/White-Jotter). Thanks a lot for his [tutorials](https://blog.csdn.net/Neuf_Soleil/article/details/88925013).