• goal 目标,得分,母的
  • populate 填充、补完

web框架

第一个目标是设置一个简单的HTML网页,用于提供表单和消息列表,我们将使用Node.js web框架express。确保已安装了nodejs

首先,让我们创建一个描述项目package.json清单文件,这里建议放在一个专用的空目录中(本范例中的名称是 chat-example

  1. {
  2. "name":"socket-chat-example",
  3. "version":"0.0.1",
  4. "description":"my first socket.io app",
  5. "dependencies":{}
  6. }

现在,为了使用我们需要的东西,开始补充依赖项,我们使用 npm install --save express。(大天朝 自己安装cnpm install --save express)

  1. npm install --save express@4.15.2 #这里不建议指定版本
  2. #npm install --save express

express安装后,我们可以创建一个设置我们的应用程序的 index.js 文件

  1. //en 版本提供的例子
  2. const app = require('express')()
  3. const http=require('http').Server(app)
  4. app.get('/',(req,res)=>{
  5. res.send('<h1>Hello world</h1>')
  6. })
  7. http.listen(3000,()=>{
  8. console.log('listening on *:3000')
  9. })
  10. //个人简写如下:
  11. const express = require('express')
  12. const app = express()
  13. app.get('/',(req,res)=>{
  14. res.send('<h1>Hello world</h1>')
  15. })
  16. app.listen(3000,()=>{
  17. console.log('listening on *:3000')
  18. })

上面的意思是说:

  • express 初始化 app 提供给HTTP服务器的函数处理程序(如第2行所示)
  • 我们设定一个路由处理程序 /,当访问这个网站主页时会被调用
  • 我们让HTTP服务器监听端口 3000

如果你运行 node index.js 你可以看到如下:

web框架 - 图1

然后在你的浏览器上打开 http://localhost:3000

web框架 - 图2