Parse系列之后台搭建与使用

什么是Parse?

官网:https://docs.parseplatform.org/

Github:https://github.com/parse-community

  • Parse是一个移动后端,最初由提供商Parse Inc开发。该公司于2013年被Facebook收购,并于2017年1月关闭。继2016年宣布即将关闭后,该平台随后开源。 由于托管服务被关闭,Parse Platform已经发展成为一个开源社区,拥有自己的博客,文档和社区论坛。

  • Parse是一个基于云端的后端管理平台。对于开发者而言,Parse提供后端的一站式和一揽子服务:服务器配置、数据库管理、API、影音文件存储,实时消息推送、客户数据分析统计、等等。这样,开发者只需要处理好前端/客户端/手机端的开发,将后端放心的交给Parse即可。目前Parse支持超过50万个App。摘自浅谈 Parse

  • Parse可以让一个作为Android/IOS开发的你,不用后台开发人员配合就可以处理后台数据,并且其有专门的用户系统,消息推送功功能等等,而且API简单易用,虽然坑还是有,但是还是一个很值得Android开发者入手的一个框架。

Parse目前支持以下平台语言:

snap_parse_support.png

服务器搭建

环境

  • 本人服务器为阿里云CentOs7.4系统服务器
  • XShell6

这篇文章仅记录Parse后台搭建与在Android中的使用,更详细的使用介绍如果后面有时间还会总结

首先在root下创建parse目录,然后进入到parse目录

安装nodejs

wget https://npm.taobao.org/mirrors/node/v12.0.0/node-v12.0.0-linux-x64.tar.xz

版本看你需要什么版本,建议8.0.0以上,Parse后台需要Node4.3以上版本

下载完成后可以看到:

snap_wget_node.png

解压

tar -xvf node-v12.0.0-linux-x64.tar.xz

解压后可以看到:

snap_unzip_node.png

将原本压缩文件删除

rm node-v12.0.0-linux-x64.tar.xz  -f

将node-v12.0.0-linux-x64文件夹重新命名为node:

mv node-v12.0.0-linux-x64/ node

现在该目录下为:

snap_rename_node.png

进入到node的bin目录,执行以下命令将node和npm设置为全局命令:

ln -s /root/parse/node/bin/node  /usr/local/bin/node
ln -s /root/parse/node/bin/npm  /usr/local/bin/npm

我们 查看 /usr/locl/bin目录可以看到已经成功了:

snap_node_ln.png

接着我们可以在终端任何地方通过npm命令下载相关的内容了

安装MongoDB

parse服务器后台需要搭配MongoDB,且版本要求为2.6.X,3.0.X,3.2.X

我们安装3.2.4版本

首先在parse目录下创建mongodb目录,现在/root/parse目录就有两个目录了:

snap_parse_dirs.png

进入mongodb目录,输入下载命令下载压缩包:

wget https://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel70-3.2.4.tgz

下载完成后解压:

tar -xvf mongodb-linux-x86_64-rhel70-3.2.4.tgz

解压完成后删除压缩包:

rm mongodb-linux-x86_64-rhel70-3.2.4.tgz -f

现在目录为:

snap_mongodb_dir.png

再执行命令将mongodb-linux-x86_64-rhel70-3.2.4目录所有东西剪切到mongodb目录:

mv mongodb-linux-x86_64-rhel70-3.2.4/* ./
rm mongodb-linux-x86_64-rhel70-3.2.4/ -rf

最后mongodb目录下为:

### Vue3Spring Boot实现WebSocket示例教程 #### 一、引入依赖 为了使项目支持WebSocket,在`pom.xml`文件中添加`sprig-boot-starter-websocket`依赖[^2]。 ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-websocket</artifactId> </dependency> ``` #### 二、WebSocket配置类编写 创建一个新的Java配置类,用于设置WebSocket的相关参数以及定义消息代理。通过此类可以指定哪些路径允许建立WebSocket连接,并注册特定的消息处理器来监听来自客户端的信息[^1]。 ```java @Configuration @EnableWebSocketMessageBroker public class WebSocketConfig implements WebSocketMessageBrokerConfigurer { @Override public void configureMessageBroker(MessageBrokerRegistry config) { config.enableSimpleBroker("/topic"); config.setApplicationDestinationPrefixes("/app"); } @Override public void registerStompEndpoints(StompEndpointRegistry registry) { registry.addEndpoint("/ws").withSockJS(); } } ``` 此段代码实现了两个主要的功能:一是启用了简单内存中的消息代理以转发带有前缀"/topic/"的目标;二是设置了应用程序目的地的前缀为"/app"。另外还开放了一个名为“/ws”的STOMP端点供前端页面连接使用[^4]。 #### 三、控制器层处理逻辑 接下来需要在Controller里边写一些方法用来接收从前传来的信息并广播给其他在线用户。这里假设有一个叫ChatController.java 的控制类负责管理聊天室内的对话交流活动: ```java @Controller public class ChatController { private final SimpMessagingTemplate template; @Autowired public ChatController(SimpMessagingTemplate template){ this.template = template; } @MessageMapping("/sendMessage") public void sendMessage(@Payload String message,@Header("simpSessionId")String sessionId){ System.out.println(sessionId); // 发送消息到/topic/public主题下所有的订阅者那里去 template.convertAndSend("/topic/messages",message); } } ``` 上述代码片段展示了当接收到一条新的聊天记录时怎样将其分发至所有已订阅对应频道(即“/topic/messages”)下的参者手中。同时利用SimpMessagingTemplate工具向目标位置推送更新通知。 #### 四、Vue组件交互设计 最后一步是在Vite驱动下的Vue3单页应用内完成UI界面搭建工作。下面给出一段简化版HTML模板配合JavaScript脚本来展示如何初始化Socket.IO实例并保持持续性的双向通讯联系[^3]。 ```html <!-- index.html --> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"/> <title>Real-Time Chat App</title> <script src="/path/to/socket.io.js"></script><!-- 引入sockjs库 --> </head> <body> <div id="app"> <input v-model="msgText"/><button @click="sendMsg()">发送</button><br/> <ul> <li v-for="(item,index) in msgs">{{ item }}</li> </ul> </div> <script type="module"> import { createApp } from 'https://unpkg.com/vue@next'; const app=createApp({ data(){ return{ msgs:[], msgText:'' }; }, methods:{ async sendMsg(){ let socket=new SockJS('/ws'); stompClient=await Stomp.over(socket).connect({},frame=>{ console.log('Connected:'+frame); // 订阅消息队列 this.subscribeToTopic(stompClient); }); stompClient.send("/app/sendMessage",{body:this.msgText},{}); }, subscribeToTopic(client){ client.subscribe('/topic/messages',response=>{ this.msgs.push(JSON.parse(response.body)); }); } } }).mount('#app'); </script> </body> </html> ``` 这段代码首先加载了必要的外部资源,接着声明了一个小型的应用程序状态对象包含待发送的文字内容和历史聊天列表两项属性。之后定义了一系列辅助函数用作触发事件响应机制的核心部分——比如点击按钮后调用`sendMsg()`尝试提交当前输入框里的文字作为新消息发布出去;而每当成功连上服务器以后便会立即执行一次`subscribeToTopic()`动作从而确保能够及时获取最新的群聊动态变化情况[^5]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值