Application mobile : What’s App Chat Clone – Un framework Ionic, Socket.io et une application hybride complète Nodejs

0
214
What's App Chat Clone - An Ionic Framework, Socket.io et Nodejs Full Hybrid App - 1

Voir la démoAcheter $20

Télécharger le script

What's App Chat Clone - An Ionic Framework, Socket.io et Nodejs Full Hybrid App - 2What's App Chat Clone - An Ionic Framework, Socket.io et Nodejs Full Hybrid App - 3

Cette application a tout ce dont vous avez besoin dans l’application IONIC, cette application n’est PAS un modèle ni un composant de base, c’est à part entière Code de discussion Whats-App , avec des tonnes d’intégration de composants avec socket.io et a tout ce dont vous avez besoin. Cette application est un SUPER SET de toutes les applications hybrides trouvées sur le marché.
What’sapp , Un code de moteur de chat très familier est cloné ici avec la technologie robuste côté serveur socket.io, Nodejs et MongoDB comme base de données et avec la même architecture que celle suivie par l’application Original Whats. Ce code est écrit sur IONIC Framework est introuvable sur le marché avec cette architecture robuste et n’est disponible que pour les utilisateurs de CODE CAYNON à un très bon prix. Ce code est également testé sur la plate-forme iOS et Android. (Cela prend également en charge les fenêtres, mais nous n’avons encore testé sur aucun périphérique de fenêtre.)

Veuillez trouver le document avec les instructions d’installation détaillées
https://docs.google.com/document/d/183nsE1QiDO78PNVBpFUX42LsXSJjeH6fo-7JZ1jx3hs/edit?usp=sharing
Vous trouverez ci-dessous quelques conseils sur les raisons d’acheter cette application.
1. Il se compose de 100% de code source pour IONIC, Node.js pour les scripts côté serveur, Mongodb & CouchDb pour stocker les contacts et les profils utilisateur.
2. Cela utilise des plugins sql-lite pour stocker les messages de discussion.
3. Supporte le chat hors ligne également ces messages sont stockés dans Mongodb.
4. Le code d’intégration Facebook natif est écrit pour l’enregistrement.
5. La validation du numéro de téléphone par rapport au pays est implémentée dans le code (ex: si vous sélectionnez l’Australie, votre numéro de téléphone portable est à 9 chiffres, où comme si vous sélectionnez l’Inde, votre numéro de mobile doit être à 10 chiffres).
6. La synchronisation des contacts avec le serveur a été mise en œuvre à l’aide de CouchDB et PouchDB et a été testée avec environ 16 000 contacts (qui ont été synchronisés en 8 à 10 secondes).
7. Intégration des messages push locaux.
8. Les services Web sont écrits avec Node.js et Socket.io est également implémenté pour l’envoi de messages un à un.
9. UI / UX sont basés sur SAAS et codés avec IONIC Framework.
10. Les appels HTTP sont implémentés à l’aide de plugins natifs.
L’application utilise SASS, qui est CSS avec des super pouvoirs. Chaque composant a ses propres fichiers sass et partiels bien structurés avec des variables indépendantes pour obtenir un maximum de modularité, de flexibilité et de personnalisation.

Fonctionnalités:
1. Quel est le clonage de l’application avec l’application hybride complète PhoneGap / Cordova utilisant le framework AngularJS + Ionic qui est un SDK frontal open source pour le développement d’applications mobiles hybrides avec HTML5.
2. Connectez-vous avec Facebook en utilisant le plugin Facebook.
3. Prise en charge de tous les pays et de la validation des numéros de téléphone mis en œuvre pour chaque pays (par exemple, les numéros de téléphone basés aux États-Unis sont à 10 chiffres alors que le numéro de téléphone de l’Australie est à 9 chiffres, etc.)
4. Synchronisation des contacts identique à l’application What’s App où nous validons tous les contacts du répertoire téléphonique avec celui qui a installé l’application whats et l’option de discuter avec eux.
5. Chat de socket direct avec fonction de messagerie privée similaire à ce que l’application.
6. Ajout de fonctionnalités «Saisie…» où un utilisateur est averti lorsqu’un autre utilisateur lui tape un message.
7. Livré avec des couches de backend Socket.io entières avec la gestion de connexion requise et le mécanisme d’établissement de liaison.
8. Intégré avec Node.JS JSON Api codé en utilisant le framework sailjs.org et la base de données robuste Mongo intégrée donc facile à mettre à l’échelle si l’application est destinée à des millions d’utilisateurs.
9. Écran d’édition de profil basé sur la conception de matériel personnalisé et option pour changer les avatars et les messages d’état.


Tutoriels sur Ionic Framework. Vous pouvez installer ionic en exécutant simplement quelques commandes comme indiqué sur le lien ci-dessous www.ionicframework.com/getting-started/ https://ionicthemes.com/learn En utilisant ces excellentes ressources, vous pouvez tirer le meilleur parti d’Ionic.
Qu’obtiendrez-vous?
1. Un code clone 100% en marque blanche de What’s App avec le composant Front-end et côté serveur Socket.io + Node.JS API Layer avec Mongo Database.
2. PSD en couches.
3. Documentation sur la configuration et le reskin.

What's App Chat Clone - An Ionic Framework, Socket.io et Nodejs Full Hybrid App - 4

What's App Chat Clone - An Ionic Framework, Socket.io et Nodejs Full Hybrid App - 5

V1.0 (25 avril 2016) – Merci à tous pour votre excellente réponse, je suis submergé de voir cela, je fais de mon mieux pour vous répondre aussi vite que possible (max de 3 heures) et je promets de continuer la même chose, cependant, comme un geste de relation à long terme, je propose l’article ci-dessous comme cadeaux.
1) Le bogue concerne l’interface utilisateur / UX et le chargement.
2) Ajout du modèle CRM Freebies.

############# FREEBIES #############

  • Je donne un modèle CRM d’une valeur de 20 USD absolument GRATUIT.

<strong> Hosting : </strong> A Basic hosting ( recommend with 1 GB Ram or above ) cloud hosting with ssh connectivity will get this app running as server component is very light-weight and data exchange are optimized to text for better performance . <strong> Recommended hosting </strong><br /> 1. Digital Ocean ( www.digitalocean.com )<br /> 2. Linod (<a href="https://www.linode.com" rel="nofollow">https://www.linode.com</a> )<br /> 3. Heroku (<a href="https://www.heroku.com/" rel="nofollow">https://www.heroku.com/</a> )<br /> Feel free to contact me for any clarification or queries . <br /> <strong> #############CHANGE LOG’s ############# </strong><br /> <strong> V 1.2 ( 25- May <del>2016 ) is out with below bug fixes. </del></strong> <br /> 1) Offline message bug is fixed when receiver is offline all message will be received moment socket is connected back.<br /> 2) Latest chats will appear on top similar to what’s app.<br /> 3) Added missing folders .<br /> 4) Misc. Bug fixes.<br /> <strong> V 1.1 ( 06 May -2016 ) is out with below bug fixes. </strong> <br /> 1) Current chat messages showed on top of list on chat tab while chatting with multiple user’s. <br /> 2) Share images bug. <br /> 3) Implemented local notification. <br /> 4) Implemented local notification badge count. <br /> 5) View other user details like profile,about us, status etc. <br /> 7) Edit user profile like his details like profile, status ,user name , about as, work at. <br /> <img src="/images/smileys/cool.png" alt="8)" title="8)" /> Refresh contact list ( in case of new contact edition ). <br /> 9) Chat with unsaved number ( If a user send you a message and his/her number is not present in your phone book then too you can start chatting with him where we save his number on what’s app contact list with his number ). <br /> 10) Pull to refresh in chat page loading chat history .<br /> 11) Search contact in contact page.<br /> 12) When click on notification it will be now redirected to their particular chatting.<br /> 13) Manage contact list while chatting with multiple user.<br /> 14) Remove black or white screen after load splash screen.<br /> 15) Remove Application error alert after load splash screen.

LAISSER UN COMMENTAIRE

S'il vous plaît entrez votre commentaire!
S'il vous plaît entrez votre nom ici