nodejs+express搭建小程序后台服务器

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了nodejs+express搭建小程序后台服务器，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含2153字，纯文字阅读大概需要4分钟。

内容图文

本文使用node.js和express来为小程序搭建服务器。node.js简单说是运行在服务端的javascript；而express是node.js的一个Web应用框架，使用express可以非常简单快捷地搭建起网站。

0、背景

官方要求小程序的包最多不能超过2M，减小小程序包大小最有效的方法就是将本地图片上传至服务器。
本文搭建服务器，以小程序从后台获取图片为例，实现小程序与后台的通信。
小程序采用这篇教程mpvue从一无所有开始仿大众点评小程序中的demo（但图片均移动到了public/images），
可以从这里下载项目文件

1、开发准备

要搭建小程序后台有两种选择
（1）购买云服务器。详细可见这里。
（或直接使用云开发，云开发是小程序在2018.9新增的功能，详细可见这里）
（2）使用代理服务器，可实现搭建本地服务器，进行本地开发调试。
例如使用charels进行反代理，教程可见：mac版、win版

注意映射的线上域名和服务器端口要与实际设置的一致。比如这里采用的线上域名为https://wx.test.cn，搭建的服务器端口为localhost:3000

2、安装Express

按以上两种方法搭建好服务器后，在服务器上安装好Node.js，打开命令行：

npm install -g express@3
npm install express-generator --save -g

选择一个工作目录，打开命令行运行:

mkdir server 
cd server
express  -e 
npm install

安装完成后输入：

npm start

此时便用Express搭建了一个服务器并监听端口3000。可以用浏览器打开localhost:3000或https://wx.test.cn/进行访问。

3、路由控制

初始化项目后，一般工程结构如下

server
├── node_modules
├── public    
├── routes
├── view
├── app.js
└── package.json

我们这里只要关心app.js和public，

• app.js是工程的入口文件，待会我们在这里编写路由控制；
• public是存放各种资源的文件夹，这里可以保存image、css、javascript等文件
  
  
  （1）首先我们将从这里下载项目文件中的public文件夹，与原public文件夹合并;
  （2）然后打开app.js，在app.use('/users', usersRouter);后添加

app.get('/public/images/*', function (req, res) {
    res.sendfile( __dirname + "/" + req.url );
    console.log("Request for " + req.url + " received.");
  })

这段命令的意思是当客户端用get命令请求/public/images/下的资源时，服务器将对应的图片资源传送过去。
（3）中断原先的进程，再次运行：

npm start

我们可以在浏览器上打开网址https://wx.test.cn/public/images/my/user.png，测试是否可以请求到图片。

将小程序中原先指向本地图片的链接均改为指向服务器的图片。

此时使用微信开发者工具再次打开小程序，即可看到完整的页面。同时也可以进行预览发布

内容总结

以上是互联网集市为您收集整理的nodejs+express搭建小程序后台服务器全部内容，希望文章能够帮你解决nodejs+express搭建小程序后台服务器所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端