Dsx_wechat
- Este é um cliente WeChat de imitação do Vue
- Endereço do projeto Github: https://github.com/GGwujun/Dsx_wechat
- Um aplicativo Web que imita o WeChat, possui chat real e outras funções e é implementado separando o front-end e o back-end. O front-end é baseado no framework Vue 2.0, o back-end é baseado em Node.js + Express + MongoDB, e a função de chat e adição de amigos são implementadas através do Websocket.
- Bem-vindo a seguir minha conta pública:
- Pilha de tecnologia front-end: vue 2.0, vue-cli, vuex, vue-router, webpack 2.x, pug, sass, babel, etc.;
- Pilha de tecnologia de back-end: Node.js, Express, express-session, WebSocket(ws), MongoDB, mongoose, ES6, etc.
Introdução
- Estou aprendendo Vue há algum tempo, mas a empresa não usa Vue. Para praticar o Vue, fiz vários projetos pessoais, grandes e pequenos, e imitei a versão para PC do WeChat, pois o sockit.io não pode ser atualizado. a experiência no lado do PC não é boa, você precisa fazer login novamente após atualizar antes de poder enviar mensagens para amigos.
- O que é mais usado na empresa é o ionic, um framework de UI parcial com foco em webapps móveis, que também usa o framework angularjs. Cordova foi usado para empacotamento, e mais tarde pensei em usar Vue para fazer um cliente WeChat e empacotá-lo com Cordova.
- Atualmente, o hardware dos telefones celulares já é muito bom. A experiência do aplicativo do pacote Cordova básico ainda é muito tranquila. Os aplicativos de página única com Vue podem basicamente se tornar aplicativos nativos, sem qualquer diferença.
- A parte front-end é construída e empacotada usando vue-cli e codificada com o bucket da família vue (vue, vuex, vue-router)
- Use axios para fazer solicitações de recursos
- O backend é desenvolvido usando a arquitetura expressa do Node.js. Atualmente não existem muitas interfaces, mas elas serão atualizadas continuamente.
Servidor
- Desenvolvido usando Nodejs + Express
- Realize registro, login, logout, visualizar amigos, página inicial pessoal, adicionar amigos, bate-papo individual e bate-papo em grupo
- Endereço do projeto Github: https://github.com/GGwujun/chatserve
Visualização
Baixar APK
Clique aqui para baixar e instalar o apk Atualmente, ele suporta apenas sistemas Android (5.0 ou superior) (como o projeto ainda está em desenvolvimento, algumas funções podem não ser as mais recentes ou temporariamente indisponíveis).
Novos usuários devem entrar registrando uma conta, e os usuários registrados podem fazer login diretamente. Atualmente, a conta não oferece suporte a mensagens off-line nem à adição de usuários off-line como amigos (as funções relacionadas a mensagens instantâneas devem garantir que a outra parte esteja on-line)
uso local
Supondo que você tenha instalado Node.js , clone o repositório diretamente em sua área local, instale todos os plug-ins e inicie o servidor. Recomenda-se usar o Google Chrome e visualizá-lo no modo de depuração móvel (http://localhost:8808/).
# clone
git clone https://github.com/GGwujun/Dsx_wechat.git
# 进入到目录 安装所有依赖包 国内建议使用cnpm
cd Dsx_wechat
npm install
# 开启本地服务器 监听8808端口
npm run dev
Pontas
- É impossível registrar ou obter dados porque a interface de back-end que configurei é meu servidor. Você mesmo pode baixar o código de back-end e implantá-lo em seu próprio servidor, mas geralmente é acessível.
- Se você deseja construir seu próprio servidor, além de instalar dependências relacionadas ao nó, também precisa instalar o banco de dados MongoDB.
função
O projeto implementou suporte de servidor backend com funcionalidade de chat real. Transfira a parte de back-end aqui
- Estilo de design de interface de cliente WeChat de alta imitação, com push, pop, modal, dispensar e outras animações de transição;
- As funções de registro, login e logout podem lembrar o status do login e evitar logins múltiplos;
- Função de sala de bate-papo, todos os usuários online podem ter bate-papo em grupo;
- Para adicionar um amigo, você deve garantir que a outra parte esteja online antes de poder adicionar um amigo corretamente;
- Os usuários podem conversar em particular. Atualmente, a outra parte deve estar online antes de poder conversar normalmente;
- Atualmente, apenas o chat somente de texto é compatível.
Mais recursos continuarão...
Se você acha que este projeto é bom, marque com estrela e compartilhe!
