微信小程序搭载node.js服务器的简单教程

 更新时间:2022年12月27日 11:19:19   作者:灵魂学者  
小程序是一种全新的连接用户与服务的方式,它可以在微信内被便捷地获取和传播,同时具有出色的使用体验,下面这篇文章主要给大家介绍了关于微信小程序搭载node.js服务器的简单教程,需要的朋友可以参考下

此文章用到的是用node.js搭载的服务器!

1.node.js

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

node -v

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

未安装的附上链接了:

node.js安装 : Download | Node.js  或点击这里下载

Git-BashGit - Downloads点击这里下载

2.微信小程序

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

打开后分别输入以下命令

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

npm init -y

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

npm install express --save

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

npm install nodemon -g

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

const express = require('express')
const bodyParser = require('body-parser')
const app = express()
app.use(bodyParser.json())
 
//处理POST请求
app.post('/',(req,res)=>{
    console.log(req.body)
    res.json(req.body)
})
//处理GET请求
app.get('/',(req,res)=>{
    console.log(req.body)
    res.json(req.body)
})
 
//监听3000端口
app.listen(3000,()=>{
    console.log('server running | http://127.0.0.1:3000')
})

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

nodemon index.js

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

3.发送请求

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

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

4.data数据存放在服务端

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

const express = require('express')
const bodyParser = require('body-parser')
const app = express()
app.use(bodyParser.json())
 
app.get('/', (req, res) => {
  // console.log(req.body)
  res.json(data)
})
 
app.listen(3000, () => {
  console.log('server running at http://127.0.0.`1:3000')
})
 
var data = {
    //存放你的data数据
}

总结

到此这篇关于微信小程序搭载node.js服务器的文章就介绍到这了,更多相关微信小程序搭载node.js服务器内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • windows使用nvm对node进行版本管理切换的完整步骤

    windows使用nvm对node进行版本管理切换的完整步骤

    这篇文章主要介绍了windows使用nvm对node进行版本管理切换的完整步骤,在使用之前各位务必卸载掉自己安装过的nvm或者node版本包括环境变量之类的,要保证自己的电脑完全没有node环境,需要的朋友可以参考下
    2024-03-03
  • nodejs一个简单的文件服务器的创建方法

    nodejs一个简单的文件服务器的创建方法

    这篇文章主要介绍了nodejs一个简单的文件服务器的创建方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-09-09
  • 使用vs code开发Nodejs程序的使用方法

    使用vs code开发Nodejs程序的使用方法

    本篇文章主要介绍了使用vs code开发Nodejs程序的使用方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-09-09
  • 垃圾回收器的相关知识点总结

    垃圾回收器的相关知识点总结

    本文是小编在网络上整理的关于垃圾回收器的相关知识点,很多语言和程序都用的到,有兴趣的可以学习下。
    2018-05-05
  • node(koa2) web应用模块介绍详解

    node(koa2) web应用模块介绍详解

    这篇文章主要介绍了node(koa2) web应用模块介绍详解,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-03-03
  • 为什么node.js不适合大型项目

    为什么node.js不适合大型项目

    这篇文章主要介绍了为什么node.js不适合大型项目,想了解node.js的同学,可以参考一下
    2021-04-04
  • nodejs发送http请求时遇到404长时间未响应的解决方法

    nodejs发送http请求时遇到404长时间未响应的解决方法

    这篇文章主要为大家详细介绍了nodejs发送http请求时遇到404长时间未响应的解决方法
    2017-12-12
  • Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析

    Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析

    这篇文章主要介绍了Vue+Node服务器查询Mongo数据库及页面数据传递操作,结合实例形式分析了node.js查询MongoDB数据库及vue前台页面渲染等相关操作技巧,需要的朋友可以参考下
    2019-12-12
  • Node.js的Express框架使用上手指南

    Node.js的Express框架使用上手指南

    这篇文章主要介绍了Node.js的Express框架使用上手指南,Express可以说是目前Node世界中人气最高的开发框架,需要的朋友可以参考下
    2016-03-03
  • NodeJs生成sitemap站点地图的方法示例

    NodeJs生成sitemap站点地图的方法示例

    这篇文章主要介绍了NodeJs生成sitemap站点地图的方法示例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-06-06

最新评论