Перейти к содержимому



Купить ссылку здесь
Фотография
* * * * * 1 Голосов

Мануал: Делаем мобильное приложения для сайта бесплатно! Android и IOS

Форум ZiSMO.biz
ios android gonative io zismo.biz ngsuper8777@gmail.com мобильное приложение андроид айос полезное@gabbhack
43
Сообщений в теме: 43

OFFLINE Отправлено

gabbhack
группа пользователя

    blog.xakep.pw

  • Cообщений: 5 287
  • Друзей:126
  • Поинты: 1 761
  • Предупреждений: 0
  • Онлайн:87д 2ч 35м
347

*
Популярное сообщение!

Внимание! В теме обнаружен длинопост!

А так же внимательно изучите условия gonative.io и на какой основе вы создаете и пользуетесь приложением. Например ваше приложение может стать не рабочим после публикации в Play Market

Скрытый текст

Получим:

-Панель управления уведомлениями

-Удобное и легкое приложение

-Исходники под android и ios

Бесплатно!

Важно иметь уже адаптивный сайт

 

Заходим на сайт gonative.io

Вводим url вашего сайта

Я буду показывать на примере Google

9d2c875bda67.png

 

По мере создания буду объяснять что зачем.

General styling, туда вы можете вставить css, он будет применяться к каждой странице открываемой в приложении. Так же там выбираем эконку приложения, лого при загрузке и основную палитру цветов

6d77acc070fe.png

15f2a2f5a79c.png

Navigation - основной элемент настройки:

19849fc10186.png

Давайте приступим!

Для начала активируйте первую галочку, нажмите start scratch

a60bcfab09ee.gif

На данной гифке изображен начальный функционал вашего приложения.

Поиск и почта добавлена благодаря "Add Row"

Группа "Остальные сервисы" с помощью "Add grouping"

Так же показано как добавить "row" в "group"

Для каждого элемента возможно выбрать картинку:

5cf5f3bc43f8.png

Вы можете выбрать свою иконку в исходниках, но об этом позже

Давайте перейдем в пункт "чеканья" пользователя

fffde43d2d73.png

Здесь вы настроите меню для уже зарегистрированного пользователя.

В Protected URL вставляется ссылка, открыть которую может только зарегистрированный пользователь. На Zismo такой метод не работает, т.к если открыть закрытый раздел, то вас не редирекнет на другую страницу, а оставит на той же и скажет что нельзя

Перейдя же по mail/u/0/#inbox Google заботливо перенесет вас на страницу регистрации. Но мы перехватим и перенесем на нужную нам страницу "Protected URL Redirect"

Связи с обновлениями условий сервиса, использовать данную функцию можно только платно

 

Идем дальше!

Настройка таб меню:

d601951885f5.png

На картинке видно, что я создал два правила для отображения таб меню

Первое: при ".*", значит всегда, я отображу "Я" и т.д.

А при переходе на mail.google.com предложение войти, при этом правило 1 не действует

 

Идем к следующему, иерархия отображения страниц

91c5d783190d.png

Как это работает, вы можете посмотреть нажав на "Learn more" на самом сайте.

А я поясню настройку

Уровнем 1 помечается в большинстве случаев главная страница. На 2 уровень я поместил страницу авторизации. То есть она откроется на 2 странице, а инфа на первом останется нетронутой.

 

Идем дальше: настройка титлов

81bed18e0578.png

Тут понятно. Если пользователь переходит на ту ссылку, у него меняется название титла. Если посмотреть на приложение Zismo, у него титл всегда "Главная", хотя настройка было правильной, но это спецификация самого форума, и скоро я поправлю дело.

Как вы видите я поставил ".*", значит Поиск будет виднеться не только на google.ru, но и на google.ru/sdfsdf, и других запросах.

 

Идем к настройке внешних и внутренних ссылок:

ae2ba484037e.png

На картинке показано что сначала внутри обработается mail.google.ru, а уже потом его остальные запросы. 

Что бы остальные ссылки открывались внешне, вы должны ".*" поместить в самый низ и выбрать External

 

Думаю с настройкой доп. кнопок вы сами разберетесь

Идем к поиску:

d14c4ac88bd2.png

Тут показано что все поисковые запросы будут обрабатываться через google.ru/#q=

"#q=" можно  применить к большинству сайтов, но zismo обрабатывает через себя не выдавая ссылку для внешнего доступа, сделано это для уменьшения запросов, но не для удобства точно.

Поисковый запрос вставляется возле "=" и выводит полученную страницу.

 

Настройка навигации закончена!

 

Идем к настройке стиля навигации, благо она интуитивно понятна

1c4afdcfdfac.png

 

Идем к настройке push уведомлений!

Будем использовать бесплатный сервис onesignal.com, он не имеет лимитов и вообще классный :)

Настройку google cloud вы сделаете сами, документация есть на onesignal.

Перейдем к настройке сами уведомлений. Я покажу как настроить автоматическое сообщение при первом открытии.

Переходим в Templates

В титле создаем имя, в контенте контент

Дальше переходим в Automated

28bed904a69f.png

Такие настройки позволяют отправить сообщение пользователю один раз за всё будущее использование, в нашем случае после установки.

 

Настроим имя основной папки:

4060430cb88b.png

Принято домен писать первым. Ну или проще говоря все сделать наоборот : android.google.ru=ru.google.android.

 

Настроим внедрение ссылок на сайт. Поясню: когда вы нажимаете на ссылку, у вас выскакивает выбор приложений с помощью которых её открыть, в том списке будет наше.

1a9136ba6912.png

В рекомендациях написано, что случай с www тоже нужно допустить.

 

Остальное можно не использовать, нажимает build. Вскоре на почту придет письмо.

 

Спасибо что дочитали. Думаю будет полезен данный длинопост!

 

 

 

 

 

 

 

 

a95be7fff17b.gif
Другие полезные темы от gabbhack:
Мануал: делаем бесплатное мобильное приложение для сайта Android и IOS
Сервисы для быстрого сбора прокси
Мобильное приложение для форума Zismo. Группа разработчиков GabbDevGroup
Меню разработчика мобильного приложения ВК (Android)
Почта @xakep.ga - повысим самооценку
Слив платных движков (последние версии(почти))
Делаем новый дизайн youtube
Обход блокировки сайтов и цензуры (легко, быстро, бесплатно)
А так же по хештегу "полезное@gabbhack"
                                                                                                             CFJ85AJ.png
.png


Сообщение отредактировал gabbhack: 17 10 2016 - 18:16




  b5f7b3476d38.jpg 02.07.17   

    • 11
  • Наверх
  • Ответить

OFFLINE Отправлено

LIRA
группа пользователя

    СтатусНеБольше40символов!TIR ШТРАФАНЁТ!

  • Cообщений: 2 568
  • Друзей:131
  • Поинты: 31
  • Предупреждений: 31
  • Онлайн:37д 10ч 33м
158

Не трудно ли было написать тему? когда проще всего видос запилить. А так спасибо, когда нить прочитаю и сделаю)


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    blog.xakep.pw

  • Cообщений: 5 287
  • Друзей:126
  • Поинты: 1 761
  • Предупреждений: 0
  • Онлайн:87д 2ч 35м
347


Не трудно ли было написать тему? когда проще всего видос запилить. А так спасибо, когда нить прочитаю и сделаю)

Просто времени больше, а так не трудно

  b5f7b3476d38.jpg 02.07.17   

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

TheFirstHack
группа пользователя

    Уровень 2

  • Cообщений: 525
  • Друзей:1
  • Поинты: 7
  • Предупреждений: 60
5


Не трудно ли было написать тему? когда проще всего видос запилить. А так спасибо, когда нить прочитаю и сделаю)

Согласен.
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

saniax
группа пользователя

    Привет земля

  • Cообщений: 531
  • Друзей:29
  • Поинты: 554
  • Предупреждений: 10
  • Онлайн:39д 6ч 22м
15

очень полезно :)


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

on3shot
группа пользователя

    обмен денег от 5% http://o3t.xyz/obmen

  • Cообщений: 26 528
  • Друзей:4462
  • Поинты: 1 446
  • Предупреждений: 0
  • Онлайн:200д 8ч 28м
1 609

Довольно полезная и информативная статья, спасибо.


14099701.gifsocialkit2.gif
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    blog.xakep.pw

  • Cообщений: 5 287
  • Друзей:126
  • Поинты: 1 761
  • Предупреждений: 0
  • Онлайн:87д 2ч 35м
347

Довольно полезная и информативная статья, спасибо.

пожалуйста! 


  b5f7b3476d38.jpg 02.07.17   

    • 0
  • Наверх
  • Ответить

ONLINE Отправлено

RockTheStreet
группа пользователя

    Накрутка инстаграм https://goo.gl/XjssuQ

  • Cообщений: 19 013
  • Поинты: 793
  • Предупреждений: 0
  • Онлайн:195д 18ч 4м
623

Спасибо, хорошая тема.


NwHrXPw.pngbC3HTAs.png

0AmIsng.pngmra7rX1.png

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

DimaHooligas
группа пользователя

    Место для рекламы - 5 руб / нед.

  • Cообщений: 139
  • Друзей:7
  • Поинты: 14
  • Предупреждений: 0
  • Онлайн:1д 1ч 4м
0
Благодарю тема хорошая и полезная
    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    blog.xakep.pw

  • Cообщений: 5 287
  • Друзей:126
  • Поинты: 1 761
  • Предупреждений: 0
  • Онлайн:87д 2ч 35м
347

Благодарю тема хорошая и полезная

рад был помочь)


  b5f7b3476d38.jpg 02.07.17   

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

legkost
группа пользователя

    Уровень 1

  • Cообщений: 30
  • Поинты: 5
  • Предупреждений: 0
  • Онлайн:2д 12ч 4м
0

Нужна Ваша консультация по мануалу, который Вы выложили.

Есть ли определённая стоимость? Или это может быть сотрудничество?

Мой скайп juap123 - присоединяйтесь.

Или Вы используете другой мессенджер. Возможно viber whatsapp?


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    blog.xakep.pw

  • Cообщений: 5 287
  • Друзей:126
  • Поинты: 1 761
  • Предупреждений: 0
  • Онлайн:87д 2ч 35м
347

Нужна Ваша консультация по мануалу, который Вы выложили.

Есть ли определённая стоимость? Или это может быть сотрудничество?

Мой скайп juap123 - присоединяйтесь.

Или Вы используете другой мессенджер. Возможно viber whatsapp?

рекомендую связаться по Telegram. Ник @gabbhack.

Точной стоймости нет 


  b5f7b3476d38.jpg 02.07.17   

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Артур Февралев
группа пользователя

    Уровень 1

  • Cообщений: 39
  • Поинты: 5
  • Предупреждений: 0
  • Онлайн:2д 1ч 27м
3

Блин спасибо как раз под руку попалось во время нужно было. 
Вырчил, за мануал реально благодарю.


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    blog.xakep.pw

  • Cообщений: 5 287
  • Друзей:126
  • Поинты: 1 761
  • Предупреждений: 0
  • Онлайн:87д 2ч 35м
347

Блин спасибо как раз под руку попалось во время нужно было.
Вырчил, за мануал реально благодарю.

Рад что помог)

  b5f7b3476d38.jpg 02.07.17   

    • 0
  • Наверх
  • Ответить

ONLINE Отправлено

divert
группа пользователя

    Уровень 3

  • Cообщений: 4 083
  • Друзей:204
  • Поинты: 1 264
  • Предупреждений: 0
  • Онлайн:29д 20ч 45м
50

Вот это круто) Думаю где-нибудь эти знания точно пригодятся. Спасибо!


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    blog.xakep.pw

  • Cообщений: 5 287
  • Друзей:126
  • Поинты: 1 761
  • Предупреждений: 0
  • Онлайн:87д 2ч 35м
347

Вот это круто) Думаю где-нибудь эти знания точно пригодятся. Спасибо!

рад что помог)


  b5f7b3476d38.jpg 02.07.17   

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Bodya321
группа пользователя

    LIKE-CUPON.RU купоны,акки,голоса

  • Cообщений: 9 938
  • Поинты: 9 905
  • Предупреждений: 0
  • Онлайн:159д 21ч 40м
210

спасибо


12584155.gif

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

gabbhack
группа пользователя

    blog.xakep.pw

  • Cообщений: 5 287
  • Друзей:126
  • Поинты: 1 761
  • Предупреждений: 0
  • Онлайн:87д 2ч 35м
347

спасибо

Пожалуйста!

  b5f7b3476d38.jpg 02.07.17   

    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

GKir
группа пользователя

    Уровень 1

  • Cообщений: 105
  • Друзей:3
  • Поинты: 45
  • Предупреждений: 0
  • Онлайн:3д 23ч 10м
10

Благодарю за инфу


    • 0
  • Наверх
  • Ответить

OFFLINE Отправлено

Lexxxi123
группа пользователя

    Акки форумов тут: goo.gl/vKpZjr

  • Cообщений: 74
  • Друзей:23
  • Поинты: 23
  • Предупреждений: 0
  • Онлайн:13д 12ч 5м
7

Спасибо! начал делать приложение на сайт) Отличный мануал


    • 0
  • Наверх
  • Ответить



Напишите свое сообщение