软件开发定制定制微信小程序搭载node.js服务器(简)

软件开发定制定制此文章用到的是用node.js软件开发定制定制搭载的服务器!

1.node.js

软件开发定制定制检测电脑是否.js,可以用【 cmd/Power shell 】命令检测,也可以用【git-bash】,这里就用git-bash进行演示,没有git-bash可以安装一下。

node -v

如果有对应的版本号即为已经安装完成!

未安装的附上链接了:

node.js安装 : 

Git-Bash


2.微信小程序

在微信开发者工具中,创建一个微信小程序,在创建微信小程序的目录下新建一个文件夹,命名为【server】表示我们的服务器,然后打开文件夹,右键鼠标点击如图

打开后分别输入以下命令

(1)初始化项目,将会自动创建package.json配置文件

npm init -y

(2)安装Express框架,用于快速搭建HTTP服务器

npm install express --save

(3)安装nodemon监控文件修改

npm install nodemon -g

执行完上述命令之后,在该目录下创建一个index.js文件,同时编写以下代码

  1. const express = require('express')
  2. const bodyParser = require('body-parser')
  3. const app = express()
  4. app.use(bodyParser.json())
  5. //处理POST请求
  6. app.post('/',(req,res)=>{
  7. console.log(req.body)
  8. res.json(req.body)
  9. })
  10. //处理GET请求
  11. app.get('/',(req,res)=>{
  12. console.log(req.body)
  13. res.json(req.body)
  14. })
  15. //监听3000端口
  16. app.listen(3000,()=>{
  17. console.log('server running | http://127.0.0.1:3000')
  18. })

在刚刚的【Git-Bash-Here】中输入如下命令

nodemon index.js

 有以上效果,则表示已经启动成功了。


3.发送请求

如何发送请求,假设我们为点击这个事件【bindtap="play"】进行一个数据请求,在微信小程序项目中的【.js】文件中编写代码

  1. play:function(e){
  2. wx.request({
  3. //请求方式(大小写皆可,不写默认为GET请求)
  4. method:'GET',
  5. //服务器接口地址
  6. url:'http://127.0.0.1:3000/',
  7. //data表示请求的参数
  8. data:e.detail.value,
  9. //接口调用成功的回调函数
  10. //res表示服务器响应信息
  11. success:function(res){
  12. console.log(res)
  13. }
  14. })
  15. }

4.data数据存放在服务端

 在微信小程序项目当中我们会在【.js】文件中定义data数据,那么我们现在将data数据放入到我们的服务端中去

  1. const express = require('express')
  2. const bodyParser = require('body-parser')
  3. const app = express()
  4. app.use(bodyParser.json())
  5. app.get('/', (req, res) => {
  6. // console.log(req.body)
  7. res.json(data)
  8. })
  9. app.listen(3000, () => {
  10. console.log('server running at http://127.0.0.`1:3000')
  11. })
  12. var data = {
  13. //存放你的data数据
  14. }

 

网站建设定制开发 软件系统开发定制 定制软件开发 软件开发定制 定制app开发 app开发定制 app开发定制公司 电商商城定制开发 定制小程序开发 定制开发小程序 客户管理系统开发定制 定制网站 定制开发 crm开发定制 开发公司 小程序开发定制 定制软件 收款定制开发 企业网站定制开发 定制化开发 android系统定制开发 定制小程序开发费用 定制设计 专注app软件定制开发 软件开发定制定制 知名网站建设定制 软件定制开发供应商 应用系统定制开发 软件系统定制开发 企业管理系统定制开发 系统定制开发