uniapp APP development

Article directory

• foreword
• 1. Precautions for uniapp cross-terminal development app
• 2. Create an app step
• 3. Develop Q&A community
• 4. Regarding the existing functions of APP, whether it can be realized by using uniapp
• 5. Some cases of uniapp developing apps

---

foreword

Recently, I need to use uniapp to develop an app. I hereby use this platform to integrate notes collected from various places.

1. Precautions and introduction of uniapp development app

Introduction | uni-app APP development (dcloud.net.cn)

Second, the steps to create an app

uni-app tutorial-guide (app development)

3. Develop a question-and-answer community

DCloud Q&A

4. Regarding the existing functions of APP, whether it can be realized by using uniapp

1. APP online automatic update function

uniapp auto update version

Uniapp realizes automatic upgrade of App version

2. App font and theme setting function

uniapp night mode implementation method, automatic change during day and night

Implementation method of night mode_uniapp night mode

uni-app elderly mode font setting ideas

uniapp APP font enlargement program for the elderly
​​​​​​​​uni-app nvue/vue introduces third-party font tutorials, online ttf to base64 and online font recognition website sharing


 

3. Open the webpage in the app and share the webpage

 Uniapp opens an external web page and jumps to a specified link (opens a web page other than the app)

uni-app opens an external web page address

uniapp share WeChat friends, WeChat circle of friends, QQ

uniapp Share to WeChat, QQ, Moments

4. File upload in app

uniapp upload pictures, videos, files - Nuggets (juejin.cn)

uni-app realizes file upload, download, preview (not only pictures and videos)

5. The app requests system permissions 

​

uni-app official website (dcloud.net.cn)

uniapp permission management uniapp requests permission uniapp checks whether there is permission ios permission management android permission management unified permission management

6. App WeChat/qq login 

 The App side of the uniapp project realizes WeChat login and QQ login

uniapp-realize the authorization of qq, WeChat, Weibo login on the App side

7. App message notification 

 Super detailed uniapp message push (from uniPush activation to successful test)

uni-app message push solution

8. App opening screen advertisement  

  uniapp app custom start page and advertisement page
 

 9. Compatible with ios immersive mode

uniapp is compatible with the black line at the bottom of the IOS mobile phone (the black line on the iPhone 10 and above) and the personal test is effective

10. The app wakes up and opens other apps/small programs

The APP developed by uniapp evokes WeChat to open the applet

uniapp wakes up third-party applications and passes parameters

11. The web page calls the app

 [uni-app] Arouse APP from H5 - Jianshu (jianshu.com)

 Communication between App and webview of UNIAPP

5. Some cases of app development by uniapp

 uni-app official website-case (dcloud.net.cn)

 1. Capital Vaccine Service (qq.com)

 2. Crimaster official new version-Android and iOS version download-app treasure official website (qq.com)

 3. Download Tongji App (tjhapp.com.cn)

 4. Love Space Decoration (qq.com)

The above app case comes from the official document of uniapp