动手实验:基于 MNS, 0 基础轻松构建 Web Client|学习笔记(二)

简介: 快速学习动手实验:基于 MNS, 0 基础轻松构建 Web Client

开发者学堂课程消息队列 MNS (RocketMQ 轻量版)入门课程动手实验:基于 MNS, 0 基础轻松构建 Web Client 学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/1236/detail/18412


动手实验:基于 MNS, 0 基础轻松构建 Web Client

第一就是我们的类似于我们的get message,然后我们去拿到q name,然后消费一下,就会发现刚刚去test的话,其实已经被我这个东西给消费,就是说已经被我现在启动的端给他消费掉了,那这里的话其实就是两个逻辑,第一个逻辑是发送,第二个逻辑就是消费,然后第三个逻辑还有删除,删除的话其实就是我们拿到我们的一个类似一个handler,然后把我们的固定的一个类型的值给删掉,这个值在哪里拿呢?

这个值其实是在我们拿消息的时候,他这里其实有返回一个值叫做Had,然后我们直接把它复制一下,然后到我们对端,然后我们把接进去,然后点delete,,那应该是我们刚刚是复制错了,然后我们再看一下,那我们刷新一下啊,那我们现在就可以看到我们现在的值得一个结果,那最后呢就是一个叫做的那个q,就是说我们要把这个q都给删掉。

然后就点一个q 那他去这里的话就可以直接删掉了,现在q的一些类似于信息在这里的话,就是一些类似于前端的一些展示,然后再看代码,代码这里其实是有报错,这个报错应该就是刚刚别人的失败的一个报错,然后他报错的身世,是说没有找到这个类似的一个字

然后呢去看一下刚刚去演示的第一个比较核心的post,去推我们的消息队列rocketmq里面,这个东西的话,其实对于这块儿的代码就是这里Get this,这是post cube,这里的话其实也非常简单,首先的话它依然是调用了之前声明的message,然后它这里了一个内存发送消息的一个方式方法,然后呢他这个入只有两块儿,第一块儿呢其实就是要去发送的q的一个名称,第二块呢其实就是要去发送的message body,这个其实就是去固定的一个类似使用方式,这样其实都是我们直接在前端去拿的

c!— 1. Create Queue

xdiv id="1" class="menu-div"style="display:none"s

cform method="POST"action="/mnsqueue-queue">

<span>Create Queves/spanschrosbrs

<label>Queue Name:</label>

<input placeholder="Queue Name"id="queuename" type="text"name="queuename" value="ck=ui.def_mnsqueuename required>ct

<input type="submit" value="Create Queue'scbrcbr

<label>Response:</label>

<textarea nang="response" id ="response"rows=25readonly= ui.data[1)p</textarea>

c/fomm

s/div>

c!- 2. List all Oueues

ediv id="2" class="menu-div"style="display:none"s

cform method="GET"action="/mnsqueue-queue/list"

sspan>List Queues</spanschrecbrocbro

cinput type="submit"value="List Queue URLs"scbr>cbr>

<label>Response:c/label>

<textarea name="response" id ="response"rows=25readonlyo=u1.data[2]p</textarea

</formm

c/div>

其实可以在前端去页面去看一下,post会完成这个其实就是发送的一个方式,第二个东西是message就是去固定的一个类似使用方式,然后这样其实都是直接在前端去拿的,可以在前端去页面去看一下post的地方会发现有两个字这就是发送的一个方式,第二个东西是什么呢第二个音符框是在这里可能去拿到一个信息,以上其实就是比较核心的一个类似于发送的一个逻辑

receive的逻辑其实同样也是一个道理,就是说他前端可能传一个值,比方说要去声明我要去消费q的消息,然后消费客上自己去声明一下,然后再去给一个类似于现在的一个out的一个时间表示这一块儿其实就是60秒的话就在一分钟,比方说这里就可以直接限制60,也是可以的。

这里其实就是具体代码就是第一条就是我们的q是什么第二条的话就是说要去设定的一个录取的一个时间就有多少说十秒去做一次,那这个的话其实就是比较核心的两块,第一块就是发送,第二块的话就是怎么去拿到现在消息的一个类似于具体的事件,那这个的话其实就是我们现在的一些基本实现,包括发送还有接收这两个比较核心的东西,其次还有一些list的话,可能会list现在全部那些东西,就比方说我

image.png

现在其实这个列表其实有很多q,要删除,那直接也是可以在这个里面去做删除的,就比方说要删除第一条再刷新一下会发现第一套其实已经删掉了,所以说它整体的sdk包括整个资源更新了,还有包括整个资源创建,其实都是非常的轻量,然后可以再演示一下,他置换起来也是比较简单,因为我之前其实在控制台上也试过,那这个其实控制台create q的方式也是大同小异,就比方说现在要去创建一个test topic,2332111,完之后呢,然后显示已经创建完了,一个是test32111的,然后要用这条位子去发送消息,直接把这个套这个复制一下发送消息是test12111

发送一下,显示发送的一些密码是多少因为这一块儿其实是主要讨论的还是类似于地域模型,所以它其实类似于他的接收,意思就是可以列出来现在全部的一个信息,比方说我这里也可以去直接把它给删掉,现在这个删掉的一个方式应该是没有写,再去看一下代码,代码的话这里create方式的话其实也是我们刚刚所写的,他直接的mns的一个sdk,然后把这个名称直接去调message的一个逻辑,这个的话其实也是非常简单的,所以这块儿其实就是现在如何用比较轻量的一个方式把mns的整体的一个sdk构建下来的一个核心或者叫做主要的一个流程,这里主要观点呢主要还是就是说mns它其实是一款非常非常轻量的一个产品,它包括的资源,包括他的绑定关系,还有包括他使用其实都是可以通过一个简单的开始去完成的,然后你可以直接把所有的核心业务给串起来,这个其实是现在这个课程的一个类似核心观点

这里也是结束了,然后假如大家感兴趣的话,其实是也可以去研究一下现在的代码的一个写法,写法也是比较经典的,就比方说client端的一些分装,其实就是直接去调现有的经营方式去做的一层分装,假如有兴趣的话,大家可以直接在APP上去提交一个,然后可以把这个东西然后可给共建起来,以上就是现在的一个核心内容,本次课程就到这里结束。

image.png

相关实践学习
消息队列RocketMQ版:基础消息收发功能体验
本实验场景介绍消息队列RocketMQ版的基础消息收发功能,涵盖实例创建、Topic、Group资源创建以及消息收发体验等基础功能模块。
消息队列 MNS 入门课程
1、消息队列MNS简介 本节课介绍消息队列的MNS的基础概念 2、消息队列MNS特性 本节课介绍消息队列的MNS的主要特性 3、MNS的最佳实践及场景应用 本节课介绍消息队列的MNS的最佳实践及场景应用案例 4、手把手系列:消息队列MNS实操讲 本节课介绍消息队列的MNS的实际操作演示 5、动手实验:基于MNS,0基础轻松构建 Web Client 本节课带您一起基于MNS,0基础轻松构建 Web Client
相关文章
|
11天前
|
SQL 安全 前端开发
PHP与现代Web开发:构建高效的网络应用
【10月更文挑战第37天】在数字化时代,PHP作为一门强大的服务器端脚本语言,持续影响着Web开发的面貌。本文将深入探讨PHP在现代Web开发中的角色,包括其核心优势、面临的挑战以及如何利用PHP构建高效、安全的网络应用。通过具体代码示例和最佳实践的分享,旨在为开发者提供实用指南,帮助他们在不断变化的技术环境中保持竞争力。
|
13天前
|
PHP 开发者
深入浅出PHP:构建你的第一个Web应用
【10月更文挑战第35天】在数字时代的浪潮中,掌握编程技能已成为通往未来的钥匙。本文将带你从零开始,一步步走进PHP的世界,解锁创建动态网页的魔法。通过浅显易懂的语言和实际代码示例,我们将共同打造一个简单但功能强大的Web应用。无论你是编程新手还是希望扩展技能的老手,这篇文章都将是你的理想选择。让我们一起探索PHP的魅力,开启你的编程之旅!
|
15天前
|
缓存 前端开发 JavaScript
构建高性能与用户体验并重的现代Web应用
构建高性能与用户体验并重的现代Web应用
32 5
|
13天前
|
开发框架 前端开发 JavaScript
利用Python和Flask构建轻量级Web应用的实战指南
利用Python和Flask构建轻量级Web应用的实战指南
44 2
|
17天前
|
监控 前端开发 JavaScript
探索微前端架构:构建可扩展的现代Web应用
【10月更文挑战第29天】本文探讨了微前端架构的核心概念、优势及实施策略,通过将大型前端应用拆分为多个独立的微应用,提高开发效率、增强可维护性,并支持灵活的技术选型。实际案例包括Spotify和Zalando的成功应用。
|
15天前
|
前端开发 JavaScript jenkins
构建高效、可维护的Web应用
构建高效、可维护的Web应用
35 2
|
21天前
|
前端开发 JavaScript API
前端框架新探索:Svelte在构建高性能Web应用中的优势
【10月更文挑战第26天】近年来,前端技术飞速发展,Svelte凭借独特的编译时优化和简洁的API设计,成为构建高性能Web应用的优选。本文介绍Svelte的特点和优势,包括编译而非虚拟DOM、组件化开发、状态管理及响应式更新机制,并通过示例代码展示其使用方法。
36 2
|
21天前
|
人工智能 搜索推荐 PHP
PHP在Web开发中的璀璨星辰:构建动态网站的幕后英雄###
【10月更文挑战第25天】 本文将带您穿越至PHP的宇宙,揭示其作为Web开发常青树的奥秘。通过生动实例与深入解析,展现PHP如何以简便、高效、灵活的姿态,赋能开发者打造动态交互式网站,同时不忘探讨其在新时代技术浪潮中面临的挑战与机遇,激发对技术创新与应用的无限思考。 ###
32 1
|
22天前
|
前端开发 JavaScript 开发者
构建响应式设计的现代Web应用:实用技巧与工具
【10月更文挑战第24天】本文介绍了构建响应式Web应用的实用技巧和工具,涵盖流体网格布局、弹性图片、CSS媒体查询、CSS Grid和Flexbox、响应式导航菜单、图片和字体的响应式处理,以及测试和调试工具。掌握这些技能将帮助开发者提升用户体验和项目适应性。
|
12天前
|
数据库 Python
从零开始构建你的第一个Flask Web应
从零开始构建你的第一个Flask Web应