• 全部
  • 社区公告
  • 爱智交流答疑区
  • 爱智教程
  • 应用开发
  • 设备开发
  • 招聘
  • 爱智开发者中心(官方)

爱智应用开发进阶一、1 RESTful 示例

eva980636 初心 PMP  2021-10-09 17:36:37

RESTful 示例

EdgerOS 后端程序是基于 RESTful 风格的 Web 应用程序框架构建的, 支持 GETPOSTDELETEHEADPUT 等 RESTful 各种请求方法。

安装导入

前端技术众多,开发者可根据自己意愿安装相应的 HTTP 插件,本教程目前采用的是 Vue 的 Axios 插件,通过 <script> 标签引入静态 js 文件, 如下:

<!--引入vue.js-->
<script src="./vue/vue.min.js"></script>
<!--引入vue.js axios插件-->
<script src="./vue/axios.min.js"></script>

GET 请求

下面程序是一个查询用户信息列表的简单例子:

getUsers: function () {
    const auth = {
        'edger-token': this.token,
        'edger-srand': this.srand
    };
    axios
    .get('/api/user', {}, {headers: auth})
    .then(res =>{
        console.log(res.body);
    })
    .catch(function (error) {
        console.log(error);
    });
}

后端处理 get 请求:

router.get('/api/user', function(req, res) {
	res.json(
		{
			result: true,
			message: 'success',
			data: users
		}
	);
});

POST 请求

前端通过 post 请求,提交用户填写的个人信息:

addUser: function () {
 	const auth = {
        'edger-token': this.token,
        'edger-srand': this.srand
    };
    axios
    .post('/api/user', { name: this.name, phone: this.phone }, {headers: auth})
    .then(res => {
        console.log(res.body);
    })
    .catch(function (error) {
        console.log(error);
    });
}

后端处理 post 请求:

router.post('/api/user', function(req, res) {
	// 数据库或其他操作
	res.json({
		result: true,
		message: 'success'
	});
});
...全文
25 点赞 收藏 回复
写回复
回复
切换为时间正序
请发表友善的回复…
发表回复

还没有回复,快来抢沙发~

相关推荐
发帖
爱智开发者社区
创建于2021-08-16

90

社区成员

爱智开发者平台是一个开放的物联网平台,通过爱智世界,应用开发者可以把自己的应用分发到亿万用户的设备上,硬件开发者能够把设备能力开放给海量的开发者,让优质的应用脱颖而出,为用户提供更优秀的使用体验。
帖子事件
创建了帖子
2021-10-09 17:36
社区公告
暂无公告