Главная » Языки программирования

Front end for php

На чтение 7 мин
Содержание
  1. PHP на фронтенде
  2. Компиляция PHP в WebAssembly
  3. Делаем Laravel Collection Playground
  4. Как это работает
  5. Что если бы мы могли запустить Laravel на стороне клиента?!
  6. Заключение
  7. # PHP для фронтенд-разработчика
  8. # Контрольные вопросы

PHP на фронтенде

PHP на фронтенде

Думаю, вы видели множество сайтов, использующих javascript на фронтенде, а как насчет использования PHP на стороне клиента? Но как, спросите вы? Поскольку PHP написан на C, то можно скомпилировать версию, которая может работать в браузера через WebAssembly.

Хорошая идея? Давайте разберемся!

Компиляция PHP в WebAssembly

Скомпилировать PHP для браузеров на самом деле не так сложно, как вы думаете. Используя скрипты компиляции Oraoto, довольно просто получить PHP wasm билд, который работает так же, как PHP на сервере.

Ну, в основном. Пока он немного ограничен, так как позволяет вам только выполнять код через eval и получать строки, напечатанные PHP. Тем не менее, можно создать довольно крутые вещи.

Делаем Laravel Collection Playground

Я обожаю коллекции в Laravel. Они делают работу с массивами данных офигительной, хотя иногда требуется побегать между вашим кодом и документацией, чтобы понять, как реализовать требуемую логику.

Хорошим шансом проверить PHP в браузере и создать что-то классное, в стиле jsfiddle, оказалось написание работы с коллекциями.

PHP client side

Как это работает

Я создал небольшой PHP пакет, который получает JSON и коллекцию от Vue. Код компилируется в phar (исполняемый файл php) вместе с кодом компонента коллекции Laravel.

Он просто преобразует json в коллекцию, а затем использует eval для выполнения. Результат или любые ошибки (перехваченные исключения или Throwables) преобразуются обратно в json и печатаются. Вернувшись в javascript, мы перехватываем стандартный stdout PHP и отображаем результат выполнения пользователю.

Работает на удивление хорошо, и благодаря поддержке PWA вы даже можете использовать его без интернета.

Что если бы мы могли запустить Laravel на стороне клиента?!

Круто, мы создали что-то, что запускает php’шный код, но коллекции это просто. Вот если бы мы могли запустить целое веб-приложение, полностью сделанное на Laravel на стороне клиента? Это реально было бы бессерверное приложение (serveless).

Читайте также:  What is java script language

Проект TodoMVC часто используется для тестирования фреймворков и я подумал, что это хороший кандидат для запуска.

Первое препятствие, с которым мы столкнулись, — отправка запросов в Laravel, ведь нет веб-сервера и мы не можем просто использовать веб-запрос.

На самом деле мы можем запустить фреймворк с имитируемым запросом стандарта PSR7, аналогично тому, как вы запускаете фреймворк в интеграционном тесте. Поскольку мы можем взаимодействовать с PHP только при выполнении кода, то я обернул цикл запроса в функцию:

function run(string $requestAsJson, string $requestId) < $requestData = json_decode($requestAsJson, true); require __DIR__ . '/bootstrap/autoload.php'; $app = require_once __DIR__ . '/bootstrap/app.php'; $kernel = $app->make(Illuminate\Contracts\Http\Kernel::class); $_SERVER['CONTENT_TYPE'] = 'application/json'; $request = \Illuminate\Http\Request::create( $requestData['uri'], $requestData['method'], $requestData['params'] ?? [], $requestData['cookies'] ?? [], [], $_SERVER, $requestData['body'] ?? null ); /** @var \Illuminate\Http\Response $response */ $response = $kernel->handle($request); echo json_encode([ 'id' => $requestId, 'status' => $response->getStatusCode(), 'content' => $response->getContent(), 'headers' => $response->headers->all(), ]); $kernel->terminate($request, $response); >

Быстро тестируем в консоли, чтобы убедиться, что он работает. Cобираем Laravel и все его зависимости в phar (виртуальная файловая система emscipten плохо обрабатывает большое количество файлов) и компилим его в бинарник WebAssembly.

Так как мы указали Laravel использовать SQLite, то состояние приложения может сохраняться между (поддельными) запросами. Однако оно будет сбрасываться при каждой перезагрузке, поскольку хранилище временное.

Протестировав его в консоли браузера, мы можем добавить новый элемент todo и выполнить запрос к методу index :

function request(data) < const reqId = Math.random().toString(36).substring(7); const code = `$phar = 'phar://app.phar';require $phar . '/index.php';run('$', '$');echo PHP_EOL;`; const ret = phpModule.ccall('pib_eval', 'number', ['string'], [code]); > // Add a todo item request(< uri: '/api', method: 'POST', body: JSON.stringify(< title: 'do washing' >) >) // Get the todo list request(< uri: '/api', method: 'GET' >) < "status": 200, "content": "[]", "headers": < "cache-control": [ "no-cache, private" ], "content-type": [ "application\/json" ], "date": [ "Sun, 06 Oct 2019 07:25:53 GMT" ], "x-ratelimit-limit": [ "60" ], "x-ratelimit-remaining": [ 59 ], >>

Заключение

Несмотря на то, что забавно разбираться с PHP в браузере, но все это еще далеко от того, чтобы можно было использовать всерьез. Вот неполный список недостатков:

  • Примерно в 5 раз медленнее, чем PHP обычно;
  • Использует >1ГБ памяти при запуске, что приводит к тому, что устройства начального уровня вешаются;
  • Работает только на последних десктопных версиях Chrome, Firefox и Safari;
  • Сборка wasm занимает много времени и требуется при каждом изменении кода;
  • Вы не можете делать ничего такого, что не может сделать JavaScript. Это означает отсутствие веб-запросов, что ограничивает потенциал;
  • Это требует от вас загрузки всего билда PHP + код (если вы не кэшируете его на стороне клиента), что составляет около 4 МБ;
  • Иногда он просто отказывается работать, а отлаживать очень сложно. Много вы не увидите, кроме кода выхода PHP;
Читайте также:  Roadrunner php что это

Очевидно, что сейчас это не подходит для реального использования, но, возможно, в будущем мы могли бы писать PHP код на фронтенде.

Наш Телеграм-канал — следите за новостями о Laravel.

Задать вопросы по урокам можно на нашем форуме.

Источник

# PHP для фронтенд-разработчика

Изучение PHP и соответствующих приемов разработки позволит:

  • увереннее работать с инфраструктурой проекта на PHP;
  • лучше понимать бэкенд-разработчиков и формулировать вопросы/задачи для них;
  • глубже погрузится в разработку на ООП-языке;
  • познакомится с некоторыми практиками промышленной разработки ПО, не характерными для JS, но важными для понимания процесса;
  • познакомиться с основами архитектуры на бэкенде (MVC, Autoloading, Dependecy Iinjection).

. Пишите код вслед за автором, пересматривайте видео, если с первого раза не поняли. Гуглите интересные или не до конца понятные моменты.

Курс считается пройденным, если вы сможете ответить на контрольные вопросы и показать рабочий код из уроков. Ответы на вопросы подготовьте письменно и выложите вместе с кодом на какой-нибудь гит-сервис.

# Контрольные вопросы

  • Переменные
    • Как создать переменную в PHP?
    • Как вывести переменную внутри строки?
    • Как в PHP разделить код на несколько файлов?
    • Что такое массив?
    • Что такое ассоциативный массив?
    • Как из массива/ассоциативного массива достать элемент?
    • Что такое функция?
    • Что такое эксепшен (исключение)?
    • Как поймать эксепшен и вывести пояснение, если что-то пойдет не так в коде?
    • Что такое класс?
    • Что такое метод класса? Что такое свойство класса?
    • Зачем нужны публичные, приватные и защищенные методы/свойства?
    • Что такое инстанс (экземпляр класса)?
    • Чем отличается статический метод класса от обычного? Как создать/вызвать статический метод?
    • Как обычно именуют классы?
    • Что такое PDO? Зачем нужен этот класс?
    • Как подключить PDO, чтобы начать с ним работать?
    • Что такое рефакторинг? Для чего он нужен?
    • Что такое API?
    • Что такое принцип единственной ответственности (one responsibility)?
    • Что такое type hinting (контроль типов)?
    • Для чего нужен type hinting?
    • Как передавать параметр определенного типа?
    • Как передать параметр определенного класса?
    • Почему лучше выносить название базы, пароль и пр. отдельно, а не использовать по месту?
    • Что такое роутинг?
    • Зачем нужно выносить этот функционал в отдельный класс/модуль?
    • Что такое URI и в чем его отличие от URL?
    • Как в статическом методе создать экземпляр родительского класса?
    • Что такое чейнинг и как его реализовать? Приведите пример.
    • Какие движки для шаблонизации распространены в PHP?
    • Сколько функций есть в PHP для работы с массивами?
    • Как отфильтровать массив?
    • Как преобразовать элементы массива (сформировать другой массив на основе текущего)?
    • Как составить массив значений по свойству объекта или ключу массива?
    • Какие бывают запросы? С какими из них работают чаще всего?
    • Как достать разные части URL ?
    • Как сохранить в базу то, что отправлено из формы?
    • Как в PHP сделать из массива строку, разделенную запятыми?
    • Как в строку Hello, my name is %s, I’m %d передать параметры и что означают %s и %d ?
    • Как сделать редирект на определенный URI?
    • Что такое Composer? Где он хранит свои настройки?
    • Что нужно сделать, чтобы автоматически загружать все классы по определенному пути? Что это нам дает?
    • Что такое PSR-4 и какие еще бывают PSR?
    • Когда я добавляю класс в проект, который использует автолоадинг Композера, почему он сразу не работает?
    • Почему не стоит создавать много глобальных функций?
    • Зачем нужны неймспейсы? Что они нам дают?
    • Как указать, что данный класс использует другой класс по неймспейсу?
    • Зачем нужны фреймворки?

    Источник

Оцените статью
© 2023 Программирование