当前位置:首页 > 文章 > 源码

5 分钟打造你的第一个 NativePHP 移动应用

admin2周前 (02-12)源码12
摘要: …

 

介绍

你是一名 Laravel 开发者。你熟悉 Blade、Livewire,或许还会一点 Vue 或 React。但你从来没有碰过 Swift 或者 Kotlin。

好消息:你完全不需要学它们。

NativePHP for Mobile 让你可以用已有的技能,开发出真正的原生 iOS 和 Android 应用。接下来 5 分钟内,你就能在自己手机上运行一个应用。

最快路径:使用 Jump

忘掉下载 Xcode(40GB+)。忘掉配置 Android Studio。全部都不需要

Jump 是一款免费应用,它可以让你瞬间在真机上测试 NativePHP 应用,无需编译

步骤 1:在手机上安装 Jump

前往以下地址下载 Jump:
https://bifrost.nativephp.com/jump

步骤 2:创建一个 Laravel 项目



1
2

laravel new my-mobile-app
cd my-mobile-app



步骤 3:安装 NativePHP Mobile



1

composer require nativephp/mobile



步骤 4:启动 Jump 服务器



1

php artisan native:jump



终端会显示一个 二维码

步骤 5:扫码启动

打开手机上的 Jump 应用,扫描终端中的二维码……

就结束了。

你刚刚用 PHP 写了一个能在手机上运行的原生应用,而且只花了 5 分钟。

刚才到底发生了什么?

内嵌了 PHP 运行时 —— 预编译的 PHP 运行在设备本地

直接运行 Laravel —— 你的应用运行在手机本地,而不是远程服务器

桥接到原生 API —— PHP 代码可以直接调用 iOS / Android 原生接口

无需 Web 服务器 —— 完全离线可用

这不是 WebView 包装。 这是真正的 PHP 原生运行

完整的打包发布流程

如果需要发布到 App Store 或 Google Play:



1
2
3

composer require nativephp/mobile
php artisan native:install
php artisan native:run



第一个原生功能演示:触觉反馈

我们用一个 Web 应用永远做不到的功能来证明这是真原生——触觉振动(Haptic Feedback)

在 Livewire 中的写法(PHP)



1

<button wire:click="vibrate">感受一下</button>





1
2
3
4
5
6

use Native\Mobile\Facades\Device;
 
public function vibrate()
{
    Device::vibrate();
}



在 Vue / React / Inertia 中的写法(JavaScript)



1
2
3
4
5
6
7
8
9
10
11

<template>
    <button @click="vibrate">感受一下</button>
</template>
 
<script setup>
import { Device } from '@nativephp/mobile'
 
const vibrate = async () => {
    await Device.vibrate()
}
</script>



点击按钮。你感觉到了吗?  那是手机真实的振动反馈。普通 Web 应用永远做不到这一点,但你现在已经做到了。

恭喜🎉,你现在是一名移动开发者了。

原文链接:https://nativephp.com/blog/your-first-nativephp-mobile-app-in-5-minutes)

 


扫描二维码推送至手机访问。

版权声明:本文由日常随记发布,如需转载请注明出处。

本文链接:https://www.7x0.cn/post/24.html

“5 分钟打造你的第一个 NativePHP 移动应用” 的相关文章

端口扫描器源码

# Port Scanner## 项目说明这是一个高性能的通用端口扫描器,基于.NET Framework 4.8开发的控制台应用程序,支持TCP和SYN两种扫描…