Im instant messaging source code with tutorial /uniapp instant messaging source code, with installation tutorial

Preface

at present , Instant messaging in app Has gradually become an indispensable function , Especially during the outbreak , Audio and video conferencing is even more popular , But I want to develop my own instant messaging function , But it's not easy , If you use native development , that Android、iOS You need two sets of code , The cost of time is too high , For the above problems , This article will solve the problem in the form of cross platform .（ Download the full version at the end PHP Instant messaging source code ）

The development of preparation

First , This development requires a certain front-end foundation , Development tools are recommended HBuilderX.

Instant messaging function development

How to use front-end technology to realize instant messaging function , And a set of code can support Android、iOS End cloth ？ The specific implementation process is as follows ：

1） Open the central control HBuilder Official website .

2） stay – developer – Document center – in , Open the front-end development guide

3） You can see , There are many functional plug-ins here , We only need instant messaging plug-ins at present , So just find RongCloud plug-in unit .

4) You can see , Very versatile , Yes UI The plug-in to open is a native APP page , It contains the conversation list and chat page , For the use of the page customization requirements are not high UI The interface of , Greatly saving development time , If the page requirements are high , You can choose nothing UI The interface of , Draw your own page . It has UI The conversation list and conversation interface are shown in the following figure ：

5） How to call these interfaces , It's very simple , Just introduce one js, All API Interface

 

install , This plug-in integrates code prompt and quick in app End operation h5 Page and js Function of script .

One click package generation APP

After development , How to package this front-end project with one click Android、iOS Terminal APP Well ？

You need help HBuilder, stay – pack – My application – Click Create Application in the module .

Upload or write the packaged front-end project to the online homepage address , After completing the information, a key is generated at the same time Android、iOS application , Finally, download and install by scanning the code .

Conclusion

Only the implementation of instant messaging is shown here , In addition, there are a large number of functional plug-ins , If you want to see JSSDK Sample code and effects , Can be in CloudGrid View instances in the application .

Source download

https://yfi.lanzouj.com/iHN4A061ok5c