Flash сьогодні є цілком прийнятним рішенням для організації веб-додатків, що використовують інтенсивний обмін даними між сервером і клієнтом.
Flash — це мультимедійний графічний формат, що забезпечує роботу з векторною і растровою графікою, а також із звуком. Flash має внутрішню мову сценаріїв, за допомогою якої можна створювати інтерактивні мультимедійні компоненти (Flash-фільми), що використовуються в муль-тимедійних системах, презентаціях, анімації і так далі. Завдяки невеликому розміру отримуваних Flash-фільмів та інтерактивності, технологія Flash успішно застосовується в оформленні Web-сайтів. В основному, це створення анімаційних роликів, метою яких є підвищення привабливості сайту. Не менш важливе використання технології Flash — для реалізації користувацького інтерфейсу. В цьому випадку Flash можна розглядувати як заміна JavaScript і технології DHTML, яка також покликана забезпечувати інтерактивну роботу з користувачами.
Далі будуть розглянуті способи застосування технології Flash при розробці Web-сайтів: генерація Flash-фільмів на сервері за допомогою мови РНР, впровадження Flash-роликів в HTML-код, метод визначення наявності Flash-програвача в браузері відвідувача і передача параметрів з HTML-сторінки у Flash за допомогою JavaScript.
На відміну від звичайних HTML-сторінок, де обмін інформацією з сервером відбувається шляхом перезавантаження сторінок (хоча перезавантажувати можна тільки частину сторінки), flash-додаток поводиться як незалежний клієнт, тобто, він сам (не без допомоги браузера, природно) здатен передати дані серверу і отримати їх. При цьому даний процес не зачіпає оточення самого ролика (самої сторінки).
Де це можна використовувати? Власне, там, де потрібний обмін даними, але немає особливої потреби в пошуковій індексації сторінок, там де потрібна багатократна видача проміжних даних, що розрізняються залежно від того, що вводить користувач. І, звичайно, там де потрібна анімація або її елементи. Типовий для сьогоднішнього дня приклад - онлайнова іграшка із веденням таблиці рекордів. Отож,
Дано:
Flash-додаток, якому потрібний обмін даними з сервером. Потрібно організувати спосіб передачі даних. Даними в цьому простому прикладі виступить довільний рядок.
Рішення:
Передати і прийняти дані в ActionScript можна різними способами. Одін з найстаріших і надійніших - це використання об'єкту XML.
Коли ми говоримо про XML, завжди мається на увазі деяка валідність документа. У випадку з Flash це теж так, але в процесі обміну інформацією з сервером, валідація не потрібна. Практично будь-яка послідовність символів може бути передана і прийнята.
Перший крок — на підставі рядка створюємо об'єкт XML:
var my_str = "blabla";
var my_xml:XML = new XML(my_str);
toString() объекта XML:
trace (my_xml.toString());
Другий крок: задаємо contentType:
my_xml.contentType = "text/xml";
var receive_xml:XML = new XML();
recrive_xml.onLoad = function(success){
if(success){
trace(this.toString());
} else {
trace( "дані отримати не вдалося");
}
}
Останній крок: відправляємо дані і чекаємо результат.sendAndLoad(). Як параметри він приймає назву файлу, який планується завантажувати і об'єкт, в який будуть завантажені отримані дані. Оскільки завдання стоїть в передачі даних в php, ім'я цього скрипта і буде як файл, а об'єкт прийому даних вже готовий:
my_xml.sendAndLoad("phpscript.php", receive_xml);file_get_contents("php://input"). Далі ми організовуємо просте виведення якої-небудь маркерної фрази, щоб переконатися, що скрипт працює. У реальному застосуванні відбуватиметься обробка отриманих даних, і всі інші штуки, на які здатний php і програміст. У прикладі все простіше:
iconv().
Отож:
та проблеми що зустрічаються найчастіше.
sendAndLoad (адреса обробника, параметри, метод передачі GET/POST);Передавати будемо сам PHP код, скрипт оброблятиме і повертатиме результат, тому нам треба придумати оптимальний варіант перевірки коду від flash або хакер придумає свій аріант. Задача: захистити передачу даних.
Рішення:
Використовуємо необоротне шифрування MD5
sil="1r5y8i999oy"; //стрічка, яку знають тільки Flash і phpЗашифровуємо її, зашифровуємо код, який передаємо, потім зашифровуємо все разом, і отримуємо ключ. Передаємо його разом з кодом php. Обробник робить також і звіряє свій ключ з переданим, якщо збігаються, то ок, виконуємо код, немає - хацкер намагається виконати свій код.
MD5.hex_md5 (“);Поверне шифровку.
key=MD5.hex_md5(MD5.hex_md5(comand)+MD5.hex_md5(sil)); // Отримали ключ.Створимо два об'єкти, які отримуватимуть і прийматимуть дані.
var inp:LoadVars = new LoadVars();//цей об'єкт отримуватиме даніvar out:LoadVars = new LoadVars();//а цей відправлятимеТепер, напишемо функції відправки і прийому даних:
Для прикладу викличемо функцию
sendcomand(“$res=\I working!\; echo$res+123;”);
З відправкою і прийомом даних розібралися, тепер напишемо їх обробник на php. У файлі php пишемо:
cntrl+enter у flash і дивимося у вікні виводу що вийшло. Можна вважати працю закінченою, але виник неприємний сюрприз - неможливість передати/прийняти російськомовний текст, замість нього кракозябри.
Приклад:
trace(String.fromCharCode(1040,1041,1071,1072,1073,1103,1025,1105));
//У вікні виводу побачимо Абяабяєе.
Рядок[Індекс] - в php
String.fromCharCode(індекс); - в ActionScript поверне символ по його 10 значному коду.
Chr(індекс); - в php
String.ord(символ); - в ActionScript видає 10 код за значенням символа
Ord(символ) - в php
Частина 3: Передача російського тексту в PHP і назад. У flash пишемо:
Тепер теж саме треба написати на php:
Тепер у файлі з php треба замінити це:
На це:
У функції відправки даних перед початком дописати:
comand=chr_uni(comand); і не забувати при відправці скрипта на php перед будь-яким виводом писати chr_uni().Заодно функції прийому даних на самому початку дописати: data=uni_str(data);
Приклад відправки скрипта:sendcomand("$rez='sendcomand("$rez='<img descr=\"ПривеЕет\" src=\"abcd.jpg\" >проверка</img>'; echo (chr_uni($rez));");Не забуваємо екранувати лапки.
xml=new XML(data); напишіть це в тілі функції прийому даних, і можете парсити що повернув обробник як нормальний xml. Якщо знадобиться напишу урок, як використовуючи цей урок зробити галерею/меню/та ін. Вихідні файли 
_________.zip ( 9.33к )Взаємодія Flash, PHP, і MYSQL
[ властивості текстового поля повинні виглядати як тут, кнопка HTML форматування тексту <> ]
зараз нам потрібно створити ActionScript файл. Тому створіть новий ActionScript файл вибравши в меню File > New > Actionscript file.
нижній код запихніть в свій новий файл, і збережіть його під ім'ям sites.as (зараз я вам все в коді поясню):
#include "sites.as";
от і все розробка прикладу закінчена, його можна вже протестувати і подивитися як він працює.
давайте розберемося в цьому коді.
почнемо з коду створення таблиці в MYSQL базі даних. Він має достатньо простий формат для додавання даних в Базу даних.
CREATE TABLE `sites` ( // створюємо таблицю названу sites
="color: #000099"font size="2"; text-align: justify>
`id` int(11) NOT NULL auto_increment
// створюємо колонки в таблиці, перший параметр - її назва, другий - тип даних, NOT NULL забороняє залишати запис без даних, auto_increment - дані в цій колонці мають значення - автоматичне збільшення значення (тобто лічильник)
php файл безпосередньо підключається до створеної нами бази даних.
для того що б працювати з MYSQL базою даних необхідно підключитися до неї. З міркувань безпеки, до сервера бази даних, що підключається, необхідно вказати ім'я користувача, і його пароль. Якщо у вас декілька баз даних, ви можете використовувати mysql_select_db, що б повідомити php скрипту яку базу даних потрібно використовувати.
mysql_pconnect ("адрес_сервера ", "имя_пользователя", "пароль");
mysql_select_db ("здесь_указываем_базу_данных_с_которой_мы_хотим_работать");
$nRows = mysql_num_rows($qResult);
тепер у нас є кінцева точка($nRows), ще є лічильник $i++. Означає структуру циклу можна закінчити, і ми можемо вже спокійно отримати необхідні дані з нашої бази даних
for ($i=0; $i< $nRows; $i++){
$row = mysql_fetch_array($qResult);
$rString .="&id".$i."=".$row['id']."&"."&title".$i."=".$row['title']."&"."&link".$i."=http://".$row['link']."&";
}
echo $rString."&";
$rString.
Створення Flash за допомоги РНР
extension = php_ming.dll у конфігураційному файлі php.ini.
Нижче розглянуто декілька прикладів, що демонструють створення Flash-фільмів за допомогою РНР.SWFMovie і встановлюються його розміри. Потім створюються об’єкти форми SWFShape і градієнта SWFGradient. За допомогою методу addEntry() додаються 3 кольори градієнта. Методом addFill() градієнт додається до форми, і тим самим створюється об'єкт заливки SWFFill, над яким потім проводяться операції трансформації. Остаточне встановлення заливки здійснюється методом setRightFill(). Після всіх необхідних дій з налаштування об'єктів градієнта і заливки малюються лінії форми методами drawLine(). Останнім етапом об'єкт форми додається до об'єкту Flash-фільма (add($s)) і виводиться в браузер методом output().
JavaScript і Flash: обмін даними
Java
getURL(), де як параметр передавати js-функції.
У прикладі:
getURL("javascript: receive("+flash_variable+")");
Ніяких особливих налаштувань при цьому не потрібно.<embed/> дати атрибут name із значенням, співпадаючим з id тега <object>, і там же - атрибут swliveconnect із значенням "true". Це потрібно, щоб всякі підозрілі браузери типу Opera також працювали без помилок.
window.document.flash_id.SetVariable("flash_var", jsvalue);
flash_id візьме name елементу <embed/> і працюватиме нормально. Подробиці - в коді сторінки прикладу. У флеш-ролику нічого особливого нема
Відмічені проблеми:
тег <object> повинен мати параметр id, наприклад id="myfiash";
тег <embed> повинен мати параметр name, наприклад name="myflash";
для тега <embed> має бути встановлений параметр SWLIVECONNECT=true, що вирішує передачу даних між Flash і JavaScript.
Setvariable() у Flash-фільма. Метод має наступний формат:
window.document.флешФільм.SetVariable(variableName, variableValue)
Приклад:
window.document.myflash.SetVariable("param",12345);send() при натисненні кнопки Передати дані.
SetVariable() та ExternalInterface() при передачі даних з JavaScript у Flash
Цей приклад пересилає текст:
з верхнього JS-поля направо у Flash, та
з нижнього Flash-поля - наліво в JS.
Введіть будь-який текст та натисніть кнопку для пересилки потрібним методом.
|
|||||||