阿里云云开发Web应用训练营-第六次打卡任务详解

废话不说，直接开始

一、创建新应用

登陆阿里云云开发平台 https://workbench.aliyun.com/
登陆云开发平台
点击【创建新应用】在新建应用窗口技术场景选择【WEB】解决方案选择【EggJS应用迁移方案】点击【下一步】
Egg项目
填写应用名称、应用介绍【midway项目迁移】点击完成
填写应用信息
等待代码仓库初始化，点击【开发部署】进入Cloud IDE

二、清理Cloud IDE中的代码

进入Cloud IDE后将项目中的除【.workbench】以外的所有文件全部删除
切记.workbench文件不要删除
切记.workbench文件不要删除
切记.workbench文件不要删除
清理代码

三、迁移应用

点击Cloud IDE下方的【终端】标签，在终端输入如下命令，初始化midwayjs脚手架

安装cli

npm i -g @midwayjs/cli
npm i -g @midwayjs/faas-cli -g

初始化脚手架
2. 验证cli是否安装成功，分别执行如下命令

mw -v
f -v

执行成功显示如下

$mw -v
Node.js             v10.15.1
@midwayjs/cli       v1.2.19

$f -v
Node.js             v10.15.1
@midwayjs/faas-cli  v1.2.14

使用命令创建应用到当前文件夹下

mw new .

显示如下提示直接按回车

The name '.' already exists, is it overwritten? (Y/n) · true

因为这个过程需要安装依赖可能比较慢，需要等待一会儿，显示如下在代表项目创建成功

Successfully created project .
Get started with the following commands:

$ cd 
$ npm run dev


Thanks for using Midway

Document ❤ Star: https://github.com/midwayjs/midway

项目生成以后.workbench文件可能会丢失，如果.workbench文件丢失我们自己手动创建一个.workbench文件将以下代码粘贴到.workbench文件中

{
    
    
  "fcRouteDefault": [
    {
    
    
      "apiUri": "/*",
      "fcHandler": "index.handler",
      "httpMethod": "ANY"
    }
  ],
  "cicd": {
    
    
    "package": "rm -rf package-lock.json && npx f package && mv serverless.zip code.zip && rm -rf .serverless"
  }
}

注意：创建文件并保存以后将Cloud IDE关掉然后重新打开。
注意：创建文件并保存以后将Cloud IDE关掉然后重新打开。
注意：创建文件并保存以后将Cloud IDE关掉然后重新打开。

否则会由于当前所在目录的不再项目中所以会出现问题。
重新打开Cloud IDE后运行如下代码稍等片刻等待启动项目

npm run dev

项目启动成功后显示如下，代表启动成功

由于云开发平台不支持127.0.0.1访问，所以我们新开一个终端使用curl测试访问一下项目

在新终端中运行以下命令访问项目

curl http://127.0.0.1:7001

访问成功会显示 Hello Midwayjs

四、修改应用配置

在应用中新建一个文件并重名为f.yml，文件内容如下

service: my-midawy-app

provider:
  name: aliyun

deployType: egg

新建f.yml文件
打开package.json文件，并将内容修改成如下内容并保存

{
    
    
  "name": "my_midway_project",
  "version": "1.0.0",
  "description": "{
    
    {description}}",
  "private": true,
  "dependencies": {
    
    
    "@midwayjs/web": "^2.0.0",
    "@midwayjs/decorator": "^2.2.1",
    "egg": "^2.0.0",
    "egg-scripts": "^2.10.0",
    "midway": "^2.0.0"
  },
  "devDependencies": {
    
    
    "@midwayjs/cli": "^1.0.0",
    "@midwayjs/egg-ts-helper": "^1.0.1",
    "@midwayjs/mock": "^2.2.6",
    "@types/jest": "^26.0.10",
    "@types/node": "14",
    "cross-env": "^6.0.0",
    "mwts": "^1.0.5",
    "jest": "^26.4.0",
    "ts-jest": "^26.2.0",
    "typescript": "^3.9.0"
  },
  "engines": {
    
    
    "node": ">=12.0.0"
  },
  "scripts": {
    
    
    "start": "egg-scripts start --daemon --title=midway-server-my_midway_project --framework=midway",
    "stop": "egg-scripts stop --title=midway-server-my_midway_project",
    "start_build": "npm run build && cross-env NODE_ENV=development midway-bin dev",
    "dev": "cross-env ets && NODE_ENV=local midway-bin dev --ts",
    "debug": "cross-env NODE_ENV=local midway-bin debug --ts",
    "test": "midway-bin test",
    "cov": "midway-bin cov",
    "lint": "mwts check",
    "lint:fix": "mwts fix",
    "ci": "npm run cov",
    "build": "midway-bin build -c"
  },
  "midway-bin-clean": [
    ".vscode/.tsbuildinfo",
    "dist"
  ],
  "midway-integration": {
    
    
    "lifecycle": {
    
    
      "before:package:cleanup": "npm run build"
    }
  },
  "egg":{
    
    
    "framework": "@midwayjs/web"
  },
  "repository": {
    
    
    "type": "git",
    "url": ""
  },
  "author": "anonymous",
  "license": "MIT"
}

五、部署应用

由于未知原因，部署项目时会出现如下问题。

所以我这里用的是本地运行加映射预览
点击IDE下边终端标签，在终端中输入

npm run dev

点击IDE左下角预览

在IDE上弹出的端口映射中填写7001按回车

提示映射成功，点击访问

得到下图

不是特别成功的上手。欢迎大家继续讨论。
后续如果部署成功，我将会将文章修改。欢迎大家持续关注。