Pequenas habilidades do iOS: esquema de integração com uni-app e unidade

Este artigo está participando do "Projeto Pedra Dourada"

introdução

Plano de fundo do projeto: o aplicativo iOS é incorporado com as funções H5 e AR, e o AR é desenvolvido usando o unity2020.

Ponto técnico: O projeto de destino exportado pela unidade Unity-iPhone.xcodeprojé integrado ao original

Solução atual: uniapp faz pontes com o IOS, ios faz a ponte com a unidade, uniapp desenvolve código nativo do iOS na forma de um plug-in e, em seguida, integra-o em um arquivo ipa.

I Ideias de implementação

Ideia 1: o uniapp conecta o IOS, o ios conecta a unidade e, em seguida, integra-o em um arquivo ipa.

O que o Unity publica na plataforma iOS é um projeto Xcode e o uniapp é um pacote de recursos locais.

Ideia 2: O APP nativo integra o projeto Xcode exportado pelo Unity (o projeto exportado precisa ser empacotado como uma biblioteca estática) zhuanlan.zhihu.com/p/103759507、www.jianshu.com/p/00dcac5b2…

Ideia 3: Unity3D incorpora o código nativo do iOS www.jianshu.com/p/82e34d9a1…

Ideia 4: O projeto da web exportado pelo Unity é implantado no servidor e o APP nativo carrega o endereço H5 correspondente. (Video AR não suporta exportação da web)

O AR do applet é o reconhecimento de imagem e o AR de realidade aumentada é o reconhecimento do espaço; o applet está na tela e o aplicativo pode seguir a imagem em 3D.

Se você tiver ideias melhores e artigos relacionados, deixe uma mensagem para troca.

ponte II

2.1 O método de chamada do Unity no IOS

insira a descrição da imagem aqui

Use a interface C UnitySendMessage fornecida por unityengine.dll. O primeiro caracter* indica o nome do GameObject que recebe a mensagem, o segundo indica o nome da função que recebe a mensagem no script do GameObject e o terceiro indica o parâmetro passado.

    //参数1 场景中模型的名字
    //参数2 脚本名称方法
    //参数3 想unity传递一个char类型的数据
   UnitySendMessage("iOSSendMessageToUnity", "ChangeCameraDirection", "");
复制代码

结合后unity里面的你先打开后是进入这个场景（SelectScene） 物体名SceneManager 脚本名SceneSelect 函数ChangeScene(string str) 传参数ZhenWuMiaoAR就是真武庙；或者传参数modelShow就是沙盘。

2.2 uniapp 桥接iOS

除了 uni-app 框架内置的跨端 API，各端自己的特色 API 也可通过条件编译 自由使用。因此uniapp可直接使用原生API进行发布通知，实现通信。

在这里插入图片描述

III uni-app运行原理

kunnan.blog.csdn.net/article/det…

3.1 js引擎

浏览器的js引擎，就是jscore或v8的基础上新增了一批浏览器专用API，比如dom；

node.js引擎，则是v8基础上补充一些电脑专用API，比如本地io；

uni-app的App端和小程序端的js引擎，其实是在jscore上补充了一批手机端常用的JS API，比如扫码。

3.2 运行原理

uni-app 在非H5端运行时，从架构上分为逻辑层和视图层两个部分。

1. 逻辑层负责执行业务逻辑，也就是运行js代码。

逻辑层是运行在一个独立的jscore里的，它不依赖于本机的webview，所以一方面它没有浏览器兼容问题，可以在Android4.4上跑es6代码，另一方面，它无法运行window、document、navigator、localstorage等浏览器专用的js API。

2. 视图层负责页面渲染。

h5和小程序平台，以及app-vue，视图层是webview。

而app-nvue的视图层是基于weex改造的原生渲染视图。

3.3 编译器

vue2：uni-app编译器基于wepback实现

vue3：uni-app编译器基于Vite实现，编译速度更快

HBuilderX 3.3.0+ , uni-app在App/H5/小程序全平台支持Vue 3.0开发，且全平台支持Vite编译器。

Webpack1
   |
   |
Rollup 出现(推崇 ESM 规范，可以实现 tree shaking, 打包出来的代码更干净)
   |
   |
Webpack2(也实现了 tree shaking, 但是配置还是太繁琐了)
   |
   |
Parcel (号称 0 配置)
   |
   |
Webpack4(通过 mode 确定 development 和 production 模式，各个模式有自己的默认配置)
   |
   |
Webpack5(持久化缓存、module federation)
   |
   |
Esbuild(采用 go 语言开发，比 Webpack 更快)
   |
   |
Vite(推崇 ESM 规范，开发模式采用 nobundle，更好的开发体验)
复制代码

A modularização de componentes tornou-se o modo dominante de desenvolvimento front-end. Tome React e Webpack como exemplos: divida todas as funções envolvidas em um aplicativo em componentes, cada componente corresponde a um arquivo fonte e, em seguida, empacote esses arquivos fonte através do Webpack. Durante o processo de desenvolvimento, você pode abrir um servidor local através do Webpack para visualizar o efeito de execução do código em tempo real.

IV Perguntas Frequentes

4.1 Dispositivos que suportam ARCore

developers.google.cn/ar/devices#…

4.2 Desenvolvimento misto de aplicativo único e aplicativo nativo

Em primeiro lugar, certifique-se de confirmar o uni-app e o código nativo, quem é o mestre e quem é o escravo.

uniapp.dcloud.io/hybrid.html

1. Se o seu aplicativo for desenvolvido por uni-app e precisar expandir alguns recursos nativos, primeiro vá ao mercado de plug-ins para ver se existem plug-ins prontos. Se não, desenvolva plug-ins nativos você mesmo.
2. Se seu aplicativo for desenvolvido nativamente e algumas colunas funcionais desejarem ser implementadas por meio do aplicativo uni -app framework project (pacote de recursos de aplicativo de mini programa wgt). nativesupport.dcloud.net.cn/README b. Se você não deseja integrar o SDK nativo, publique o código uni-app como H5 e abra-o por meio da visualização da Web no aplicativo nativo.

Veja também

Conta oficial: engenharia reversa do iOS