как залить скрипт на сайт
Подробная инструкция по установке любого скрипта на любой хостинг
Первоначальные действия по установке практически любого скрипта на любой нормальный хостинг одинаковы: нужно создать базу данных, залить файлы скрипта на сервер, прилинковать домен. В этом посте будет приведена подробная инструкция по установке скрипта интернет магазина (или любой другой CMS) на хостинг BeGet. Этот хостинг подойдет как нельзя кстати: 30 дней бесплатного тестового доступа позволят вам вдоволь потренироваться.
Введение
Эта инструкция подойдет практическидля любого хостинга. Так как панели управления всех хостингов схожи. Возможны различия в названиях пунктов меню и в диалогах. Но я думаю вы разберётесь: все хостинги выполняют одну функцию и смена названий не меняет общий смысл.
Весь список рекомендуемых нами хостинг-провайдеров можете посмотреть в разделе Хостинг нашего сайта. А в этой статье вы сможете подобрать бесплатный хостинг, а так же хостинг с длительным бесплатным тестовым аккаунтом.
Итак, вы зарегистрировались на хостинге, вы скачали дистрибутив со скриптом. Давайте осмыслим что мы будем делать дальше. Скрипт это набор папок и файлов. В этих файлах содержится инструкции по управлению сайтом. А что же есть сайт — это набор данных: текста, картинок, товаров, производителей. Для хранения этих данных скрипт будет использовать базу данных. Чаще всего MySQL. Значит перед тем как установить скрипт нам нужно на хостинге создать базу данных, а скрипту сообщить параметры доступа к этой базе. Это делается один раз при установке. Сайт также должен иметь уникальное имя: доменное имя. Это имя привязывается к папке со скриптом.
Получается, что сайт физически это папка со скриптом, который имеет доступ к базе данных, для хранения всей информации. К этой папке можно прилинковать любое доменное имя. Отсюда хронология наших действий будет такая:
Зарегистрироваться на хостинге я думаю не составит труда: выбираем тариф Старт (впринципе не важно какой, если станет тесно — в любой момент можно сменить тариф), вводим в форме своё имя и E-mail и ждём письма, в котором будут указаны пароли для доступа на хостинг. После регистрации у вас есть 30 дней на попробовать, если не захотите пользоваться хостингом, то через 30 дней ваш аккаунт и сайты просто будут удалены.
После регистрации и входа на хостинг видим Панель управления (ПУ) хостингом:
Панель управления хостинга Beget
Создаём на хостинге базу данных
Для того что бы создать базу данных на хостинге нужно в ПУ кликнуть на пиктограмме MySQL. В результате откроется панель управления базами данных:
Создание базы данных на хостинге
Сдесь мы указываем имя базы данны и пароль. Жмём кнопку Создать. База данных создана. Нам остаётся только запомнить введённые данные. Мы их и будем передавать скрипту при установке. Замечаем что перед именем базы данных есть префикс и именем базы будет считаться то имя которое получается в результате склейки этого префикса и того имени которое вы ввели. В дальнейшем при установке скрипта нужно будет ввести: имя базы данных, имя пользователя, пароль. Имя пользователя на этом хостинге не вводится — оно совпадает с именем базы данных.
Создаём сайт (директорию для сайта) и прилинковываем доменное имя
Для того что бы закачать файлы скрипта на хостинг нам нужно создать под сайт отдельную папку: ведь на хостинге может быть расположено несколько сайтов — файлы каждого должены располагаться в отдельной директории. При создании аккаунта на хостинге автоматически создаётся одна папка: public_html. В неё и будем заливать скрипт. Если в дальнейшем понадобится создать второй сайт то используем пункт Сайты в ПУ:
Создание директории для сайта
Для того что бы создать сайт (директорию) указываем имя и жмём кнопку создать.
Ничего сложного. В дальнейшем созданную директорию увидим в файловом менеджере при загрузке файлов скрипта на хостинг. Так же в этом пункте панели управления можно прилинковать (прикрепить) одно из имеющихся доменных имен к директории сайта. В нашем случае к директории public_html должно быть прилинковано бесплатное доменное имя третьего уровня вида НазваниеАккаунта.bget.ru. Его мы плучаем при создании аккаунта. В дальнейшем к уже созданному сайту можно прилинковать нормальное доменное имя второго уровня.
Закачиваем файлы скрипта на хостинг
Существует два способа закачки скрипта на хостинг: через файловый менеджер панели управления хостингом или через FTP.
Что бы использовать файловый менеджер ПУ заходим в соответствующий раздел. В отдельном окне откроется файловый менеджер:
Файловый менеджер хостинга BeGet
В файловом менеджере открываем одинарным сщелчком папку public_html. Там видим файл index.html, его нужно удалить. Затем жмём на кнопочку Закачать. Откроется стандартное окно выбора файла. Выбираем архив со скриптом и закачиваем на хостинг. Важно закачивать именно архив, а не папку с файлами — это намного быстрее. Архив после закачки нужно разорхивировать, после этого удалить сам файл архива.
Установка скрипта на хостинг
Что бы началась установка нужно в браузере ввести адрес вашего сайта: доменное имя в данный момент прилинкованное к сайту. У нас это рабочее имя 3 уровня полученное при регистрации: ИмяАккаунта.bget.ru.
В процессе установки вы введёте имя базы данных, имя пользователя и пароль к базе данных, полученные ранее.
Дальнейший ход установки интернет магазинов описан в соответсвующих постах:
[Робот подобрал для вас похожие посты:]
Как залить скрипт на сайт
Добро пожаловать на сайт UserOn.ru!
Сегодня напишу статейку про то, как настроить скрипт на примере движка Joomla и панели управления Cpanel.
Речь пойдёт о скриптах которые работали уже на каком либо другом хостинге и домене и вы просто скачали его из сети.
Эта статья будет полезна и тем, кто хочет перенести свой сайт или блог на новый домен или хостинг. В том числе ресурсы, сделанные на Joomla.
Для того что бы установить скрипт на хостинг, нужна программа FTP-клиент (рекомендую бесплатную FileZilla), данные для подключения, которые вам прислал хостер после вашей регистрации, а так же доступ к phpMyAdmin хостинга на котором будет работать скрипт.
Так же можно воспользоваться инструментами, которые предоставляет панель управления Cpanel, IspManager либо другая, а не использовать программу для доступа по FTP. В Cpanel такой инструмент называется «диспетчер файлов».
Для начала нужно зарегистрировать домен, если его у вас нет, или сделать поддомен на вашем рабочем сайте. При его создании вы должны придумать пароль и указать имя зарегистрированного домена или поддомена. Так же необходимо создать базу данных, пользователя к ней и установить пароль пользователя. Не забудьте сохранить все данные
созданного домена и базы к себе, куда ни-будь в надёжное место. Если на вашем хостинге это первый ваш сайт, то придумывать и регистрировать ничего ненужно, при регистрации на хостинге вам выдаётся домен и все остальные, необходимые для работы, данные. Если
это так, просто «залейте» скрипт в папку public_html на вашем сервере.
Далее открываем FTP-клиент, вводим данные для соединения с сервером, подключаемся и закачиваем в папку public_html либо в папку вашего домена который вы создали, сам скрипт, то есть все папки, и файлы как они есть.
Файлы можно закачивать в двух режимах, либо в двоичном, либо в текстовом. Это очень важно, так как если закачать двоичный файл в текстовом режиме, то кодировка файла нарушится, и впоследствии на сайте информация будет отображаться некорректно. А что бы ни мучиться, поставьте в настройках программы FTP автоопределение. Тогда все файлы будут загружаться в нужных им форматах. Если вы загружаете файлы через панель управления, можете не волноваться, система сама поймёт, какой файл, в каком формате нужно загрузить.
По окончании загрузки открываем для редактирования файл configuration.php, и указываем имя базы данных, имя пользователя, пароль пользователя и localhost.
Выглядит это примерно так:
Так же замените, если это требуется, префикс базы данных на новый.
Выглядит примерно так:
Так же замените путь к логам и временной папке скрипта:
После этого открываем наш сайт в браузере по новому адресу и радуемся его работе уже на вашем домене.
PS: В общем, вся суть сводится к тому, что нужно везде заменить, во всех файлах, старые данные на новые. Обычно это два файла – файл конфигурации и файл базы данных.
Если у вас появятся вопросы или вы что-то захотите дополнить к статье, пишите всё в комментариях.
Погружение в темные воды загрузки скриптов
Введение
В этой статье я хочу научить вас как загружать в браузер JavaScript и выполнять его.
Нет, подождите, вернитесь! Я знаю, что это звучит заурядно и просто, но помните, что это происходит в браузере, где теоретически простое превращается в набор причуд, определенных наследственностью. Знание этих причуд поможет вам выбрать самый быстрый, наименее разрушительный способ загрузки скриптов. Если вы спешите, то можете перейти сразу к краткому справочнику в конце статьи.
Для затравки, вот как спецификация определяет различные способы загрузки и выполнения скриптов:
Как и все спецификации WHATWG, на первый взгляд данная спецификация выглядит как последствия кассетной бомбы на фабрике Scrabble. Но, прочитав ее на 5 раз и вытерев кровь из своих глаз, начинаешь находить ее довольно интересной:
Мое первое подключение скрипта
Ах, блаженная простота. В данном случае браузер скачает оба скрипта параллельно и выполнит их как можно скорее, сохраняя заданный порядок. «2.js» не будет выполняться пока не выполнится «1.js» (или не сможет этого сделать), «1.js» не выполнится пока не выполнится предыдущий скрипт или стиль, и т.д. и т.п.
Вот почему гуру и специалисты производительности советуют размещать элементы script в конце документа, потому что это блокирует меньше всего контента. К сожалению, это означает, что ваш скрипт не будет увиден браузером до того времени, как будет скачен весь HTML, а также уже запущена загрузка CSS, картинок и iframe-ов. Современные браузеры достаточно умны, чтобы отдавать приоритет JavaScript над визуальной частью, но мы можем сделать лучше.
Спасибо, IE! (нет, я это без сарказма)
WHATWG сделали это поведение явным, объявив, что «defer» не будет иметь никакого эффекта на скрипты, которые были добавлены динамически или не имеют «src». В противном случае, скрипты с «defer» должны запускаться в заданном порядке после того, как документ был распарсен.
Спасибо, IE! (ну ладно, теперь с сарказмом)
Одно дали — другое отобрали. К сожалению, есть неприятный баг в IE4-9, который может спровоцировать выполнение скриптов в неверном порядке. Вот что происходит:
Допустим, что на странице есть параграф, ожидаемый порядок логов — [1, 2, 3], но в IE9 и ниже результат будет [1, 3, 2]. Некоторые операции DOM вынуждают IE приостановить выполнение текущего скрипта и перед продолжением начать выполнение других скриптов в очереди.
HTML5 спешит на помощь
HTML5 дал нам новый атрибут «async», который предполагает, что вы также не используете document.write, но при этом не ожидает окончания парсинга документа. Браузер параллельно скачает оба скрипта и выполнит их как можно скорее.
К сожалению, так как они постараются выполниться максимально скоро, «2.js» может выполниться раньше «1.js». Это отлично, если они не зависят друг от друга. Например, если «1.js» — это отслеживающий скрипт, не имеющий ничего общего с «2.js». Но если «1.js» — это CDN-копия jQuery, от которой зависит «2.js», то ваша страница будет устлана ошибками, как после кассетной бомбы в… я не знаю… здесь я ничего не придумал.
Я знаю, нам нужна JavaScript-библиотека!
В Святом Граале содержится набор скриптов, загружающихся сразу, без блокирования отрисовки страницы и выполняющихся максимально скоро, в том порядке, в котором мы их добавили. К сожалению, HTML ненавидит вас и не позволит вам этого сделать.
Проблема была решена с помощью JavaScript на разный манер. Некоторые способы требовали от вас вносить изменения в JavaScript, оборачивать всё в callback, который библиотека вызовет в правильном порядке (например, RequireJS). Другие использовали XHR для параллельной загрузки, а затем eval() в нужном порядке, который не работает для скриптов на другом домене, если там нет заголовка CORS и поддержки его в браузере. Некоторые использовали даже супер-магические хаки, как это было сделано в последнем LabJS.
Хаки всяческим образом обманывали браузер, чтобы тот загружал ресурс, вызывая при этом событие по окончанию загрузки, но не начинал его выполнение. В LabJS скрипт сначала добавлялся с некорректным mime-типом, например
Скрипты, которые созданы и добавлены динамически, асинхронные по-умолчанию, они не блокируют отрисовку и выполняются сразу после загрузки, что означает, что они могут появиться в неверном порядке. Однако мы можем явно пометить их неасинхронными:
Это даст нашим скриптам сочетание с поведением, которое не может быть достигнуто чистым HTML. Явно заданные неасинхронными, скрипты добавляются в очередь на выполнение, такую же, как они попадали в нашем первом примере на чистом HTML. Однако, создаваемые динамически, они будут выполняться вне парсинга документа, что не будет блокировать отрисовку, пока они будут загружаться (не путайте неасинхронную загрузку скрипта с синхронным XHR, что никогда не является хорошей вещью).
Скрипт выше должен быть встроен в head страниц, начиная очередь загрузок как можно раньше, без нарушения постепенной отрисовки, и начиная выполнять как можно раньше, в заданном вами порядке. «2.js» может свободно загружаться до «1.js», но он не будет выполнен до тех пор, пока «1.js» успешно не скачается и выполнится или не сможет сделать что-либо из этого. Ура! Асинхронная загрузка, но выполнение по порядку!
Загрузка скриптов этим методом поддерживается везде, где поддерживается атрибут async, за исключением Safari 5.0 (на 5.1 все хорошо). Кроме того все версии Firefox и Opera, которые не поддерживают атрибут async, все равно выполняют динамически-добавленные скрипты в правильном порядке.
Это самый быстрый способ загружать скрипты, так? Так?
Ну если вы динамически решаете какие скрипты загружать — да, иначе — возможно, что нет. В примере выше браузер должен распарсить и загрузить скрипт, чтобы определить какие скрипты загружать. Это скрывает ваши скрипты от сканеров предзагрузки. Браузеры используют эти сканеры для обнаружения ресурсов, которые вы скорее всего посетите следующими и для обнаружения ресурсов страницы пока парсер заблокирован другим ресурсом.
Мы можем добавить обнаружаемость обратно, поместив это в head документа:
Эта статья меня удручает
Ситуация удручающая и вы должны чувствовать себя удрученным. Еще нет декларативного способа без повторений для загрузки скриптов быстро и асинхронно, в то же время управляя порядком выполнения.
С появлением HTTP2/SPDY вы сможете уменьшить накладные ресурсы до точки, где доставка скриптов в маленьких самостоятельно-кэшированных файлах будет самым быстрым способом. Только представьте:
Каждый enhancement-скрипт имеет дело с конкретным компонентом страницы, но требует вспомогательные функции в dependencies.js. В идеале, мы хотим загрузить все асинхронно, затем выполнить enhancement-скрипт как можно раньше, в любом порядке, но после dependencies.js. Это прогрессивное прогрессивное улучшение!
К сожалению, нет декларативного способа для того, чтобы достичь этого, только если модифицировать сами скрипты для отслеживания состояния загрузки dependencies.js. Даже async=false не решит эту проблему, потому что выполнение enhancement-10.js будет заблокировано на 1-9. По факту, есть только один браузер, в котором можно достичь этого без хаков…
У IE есть идея!
IE грузит скрипты не так, как другие браузеры.
IE начинает закачивать «whatever.js» сейчас, другие же браузеры не начнут загрузку до того момента, пока скрипт не будет добавлен к документу. У IE также есть событие «readystatechange» и свойство «readystate», которые сообщают о процессе загрузки. Это на самом деле очень полезно, потому что позволяет нам управлять загрузкой и выполнением скриптов независимо друг от друга.
Хватит! Как я должен загружать скрипты?
Ладно, ладно. Если вы хотите загружать скрипты способом, который не блокирует отрисовку, не требует дублирования и имеет прекрасную поддержку браузеров, то я советую вот этот:
Именно этот. В конце элемента body. Да, быть веб-разработчиком — это как быть царем Сизифом (бум! 100 хипстерских очков за упоминание греческой мифологии!). Ограничения HTML и браузеров не позволяют нам сделать сильно лучше.
Я надеюсь, что модули JavaScript нас спасут, предоставив декларативный неблокирующий способ загружать скрипты и иметь контроль над порядком их запуска, даже если это потребует написание скриптов в виде модулей.
Иуу, должно быть что-то получше, что мы можем использовать сейчас?
Ладно, ради бонусных очков, если вы всерьез думаете о производительности и не боитесь сложности и дублирования, то можете объединить несколько рассмотренных трюков.
Во-первых, мы добавим объявление subresource для предзагрузчиков:
Спецификация говорит: Скачивай вместе, выполняй по порядку после любого ожидающего CSS, блокируй отрисовку, пока не закончишь
Браузер отвечает: Да, сэр!
Defer
Спецификация говорит: Скачивай вместе, выполняй по порядку до DOMContentLoaded. Игнорируй «defer» для скриптов без «src».
IE
Что такое скрипт сайта и как его установить
Что такое скрипт сайта
Чтобы сайт работал в соответствии с заданным алгоритмом, для него пишут программы – это скрипты. Они автоматизируют действия на сайте. Без скриптов нажатие пользователем на кнопку, например, «Оставить комментарий» ни к чему не приведет. Поэтому необходим сценарий, который пишут на языке программирования.
Скрипты делятся на две категории:
Языки скриптов
Сценарии пишут с помощью специальных языков, которые называют скриптовыми. У них разный синтаксис, возможности и области применения. Языки бывают трех видов:
Принцип работы скриптов
Скрипты работают по следующей схеме:
Автоматические сценарии устроены так, что пользователю не нужно совершать действие. Это всплывающая поп-ап реклама или автоматическая прокрутка баннеров при открытии страницы сайта. Также некоторые скрипты выполняются не на сервере, а в браузере. Для этого в браузерах встроен интерпретатор скриптового языка. Почти все браузеры умеют распознавать один из языков — JavaScript.
Для чего применяют скрипты
Скрипты обеспечивают функциональность сайта. Они устанавливают алгоритмы поведения в каждой предусмотренной ситуации. С помощью скриптов:
Роль скриптов в СЕО
Скрипт создает нагрузку на сервер или браузер. Когда скриптов слишком много, сайт зависает и тормозит, а это сказывается на поведении пользователей. Поведенческий фактор важен при ранжировании страниц в поисковой выдаче, поэтому СЕО-специалисты не рекомендуют использовать много анимации или динамических элементов.
Кроме этого, скрипты много весят. Их нужно ставить в конце кода, чтобы при открытии страницы они грузились последними. Иначе пользователь не дождется загрузки сайта и уйдет, а его визит будет засчитан как отказ. Это часто происходит, когда сайт открывают с мобильных устройств или при слабом интернет-соединении с ПК. Большое количество отказов снижает посещаемость и опускает позиции в выдаче.
Роль скриптов в продвижении
Использование языка JavaScript в контекстной рекламе
В системе Google Adwords есть возможность управлять рекламной кампанией с помощью скриптов, написанных на JavaScript. Скрипт – это более простой и быстрый способ по сравнению с использованием API. Сценарий запускает задачи по расписанию: регулярная проверка рекламного аккаунта, анализ статистики, внесение изменений. Также можно автоматически следить за качеством объявлений, отключать неэффективные каналы и подключать новые.
Преимущества и недостатки скриптов
Альтернативных решений, которые будут работать как скрипты, в веб-разработке почти нет. Скрипты наиболее доступны и эффективны. У них есть ряд преимуществ:
В использовании скриптов есть и свои недостатки:
Как установить скрипт на сайт
Скрипты несложно установить, так как у них есть инсталлятор для автоматической установки. После того, как у вас будет готовый файл со сценарием, нужно выполнить следующие шаги:
Примеры использования скриптов
На сайтах часто можно встретить всплывающие окна с формой для обратной связи, чатом для обращения в техподдержку.
Скрипты могут использовать для автоматического формирования страниц или меню на них. Специализированные калькуляторы тоже делают с помощью скриптов.
Заключение
Скрипты упрощают работу вебмастера, улучшают функционал сайта и помогают в продвижении. Их безопасно использовать, так как ошибка в одном модуле не представляет угрозы для работы всей системы. Но следует учитывать – несмотря на то, что прописанные сценарии делают сайт удобным для пользователя, большое количество анимации и всплывающих окон может плохо повлиять на посещаемость и позиции сайта в поиске.
Установка скрипта на хостинг
Прежде чем начать установку скрипта на хостинг, немного разберемся, что такое веб-скрипт и зачем он нужен. Веб-скрипты обычно используют для расширения функционала сайта — это может быть статистика, полезные функции, движок, на котором работает сайт, и многое другое.
Опасайтесь скриптов от непроверенных разработчиков, они могут содержать вредоносный код. Поэтому, прежде чем устанавливать сторонний скрипт, лучше проверить, кто является его автором.
Установка скрипта через панель управления хостингом
В панели управления хостингом ISP manager уже предусмотрены популярные скрипты или CMS. Для установки потребуется авторизоваться в панели управления хостингом, подробнее будет тут позднее.
Ручная установка скрипта на хостинг
При необходимости установки стороннего скрипта, можно прибегнуть к ручной установке. Прежде всего важно создать базу данных (если вы этого ещё не сделали). О том, как создать базу данных на хостинге, подробнее будет тут позднее. Далее вам необходимо закачать файлы скрипта на сервер. Это можно сделать через панель управления или через специальный FTP-менеджер. Рассмотрим вариант загрузки через панель хостинга:
Заключение
Если у вас остались какие-либо вопросы по установке скриптов, то задайте их в техподдержку. Мы обрабатываем все заявки, постараемся отреагировать на ваш вопрос и помочь решить проблему как можно скорее.
С уважением,
Команда Former!