Рубрика: WEB-development

Сайттағы тауар базасын ВКонтакте дүкенімен синхрондау: қиындықтарды қалай еңсердік

Біздің компания жақында Ignis Pixel сайтының тауар базасын ВКонтакте дүкенімен (Ignis Pixel VK-де) синхрондау жобасын аяқтады. Бұл процесс оңай болған жоқ, бірақ нәтижесінде біз интернет-дүкенді барынша ыңғайлы және кәсіби ететін шешім жасадық. Біз қандай қиындықтарға тап болғанымызды, оларды қалай шешкенімізді және қандай нәтижелерге қол жеткізгенімізді айтып береміз.

Синхрондау не үшін қажет?

Қазіргі интернет-дүкендер өз клиенттері бар жерде болуы керек. ВКонтакте – Ресейдегі ең танымал әлеуметтік желілердің бірі, онда миллиондаған пайдаланушылар тікелей платформа арқылы сауда жасайды. Сайттағы тауарларды ВКонтакте дүкенімен синхрондау ассортиментті жаңартуды жеңілдетеді және жаңа клиенттерді тартуға көмектеседі.

Алайда автоматты синхрондауды баптау оңай шаруа емес. Біз бұл процесте мұқият қарастыруды, уақытты және кәсіби тәжірибені қажет ететін бірнеше қиындықтарға тап болдық.

Біз еңсерген қиындықтар

1. ВКонтакте қосымшасын авторизациялау

Синхрондауды бастау үшін алдымен VK тарапында қосымшаны авторизациялау қажет болды. Бұл стандартты процесс болып көрінгенімен, кейбір ерекшеліктері бар екен.

• Күтпеген жағдай: ВКонтакте авторизация өтінімдерін демалыс күндері де қарастырады, бірақ алғашқы өтініміміз қандай да бір себептермен қабылданбады. Себебі сұранысты жіберу кезінде дұрыс емес деректер көрсетілген екен. Біз ақпаратты шұғыл түрде түзетіп, өтінімді қайта жібердік. Екінші реттен сәтті өтті.

2. VK API-де бірнеше авторизация деңгейі

ВКонтакте API-інде авторизация күрделі жүйемен жүзеге асады. Бізге тауарларды синхрондау үшін қосымшаға тұрақты рұқсат кілті қажет болды.

• Қиындық неде: ВКонтакте ресми құжаттамасында бұл кілт туралы ақпарат өте түсініксіз берілген. Біз барлық нюанстарды зерттеп, қандай рұқсаттар қажет екенін, токенді қалай сұрату керектігін және оның бірнеше сағаттан кейін мерзімі бітіп қалмауын қамтамасыз етуді анықтадық.

Нәтижесінде біз қателерді болдырмайтын және авторизация процесін автоматтандыратын алгоритм жасадық.

3. VK дүкенінде дұрыс санаттарды таңдау

Синхрондауды орнатып, тауарларды жүктей бастағанда, күтпеген мәселе туындады. ВКонтакте өз санаттарын қолданады, олар интернет-дүкен логикасымен әрдайым сәйкес келмейді.

• Не дұрыс болмады: Автоматты түрде тауарларды санаттарға бөлу қателіктерге әкелді. Мысалы:
  • Спорт тауарлары «Бет күтімі» санатына түсті.
  • Геймерлік өнімдер «Үй тоқыма бұйымдары» бөліміне орналастырылды.

Бұл қызық көрінгенімен, кәсіби тұрғыдан дұрыс емес еді. Біз тауар санаттарын қолмен тексеріп, дұрыс сәйкестендіріп, алгоритмді жетілдірдік. Енді барлық өнімдер дұрыс санаттарға түседі.

4. Суреттерді жүктеу: үш кезең және қателерді бақылау

Ең қиын бөліктердің бірі – суреттерді жүктеу болды. ВКонтакте бұл процесті үш кезеңге бөлген:

1. Жүктеу сілтемесін алу.
2. Суретті ВКонтакте серверіне жіберу.
3. Қорытынды URL-ді алу және суретті тауарға бекіту.

• Қай жерде қиындық болды: Әр кезеңде қателер туындауы мүмкін еді. Кейде сервер дұрыс жауап қайтармайтын немесе қосылу үзіліп кететін. Біз әр суретті жүктеу процесін қайта іске қосатын қателерді өңдеу механизмін әзірледік.

Енді жүйе әр қадамның орындалуын бақылайды және бірдеңе дұрыс болмаса, деректерді автоматты түрде қайта жүктейді.

Қорытынды: неге қол жеткіздік

20 сағаттық қарқынды жұмыстан кейін біз жобаны сәтті аяқтадық. Міне, негізгі нәтижелер:

• ✅ Синхрондау Laravel консольдік командасы ретінде жүзеге асырылды. Бұл процесті кез келген уақытта іске қосуға болатын ыңғайлы және икемді құрал.
• ✅ Барлық процесс журналданады: қандай тауарлар сәтті қосылғанын және қай жерде қателер болғанын көруге болады.
• ✅ Енді сайттағы тауарлар автоматты түрде ВКонтакте дүкенінде жаңартылып тұрады, оның ішінде сипаттамалар, бағалар, санаттар және суреттер.

Бұл клиентке не берді?

• Уақытты үнемдеу: Тауарларды қолмен жүктеу бірнеше күн алатын еді, ал автоматтандыру бұл процесті бірнеше минутқа қысқартты.
• Кәсіби имидж: Енді ВКонтакте дүкені кәсіби көрінеді, тауарлар дұрыс санаттарға бөлінген, ал суреттер еш қателіксіз жүктеледі.
• Жаңа клиенттерді тарту: Пайдаланушылар өзекті тауарларды әлеуметтік желіде бірден көре алады, бұл сатып алу ықтималдығын арттырады.

Неліктен біз?

Біз үшін бастысы – жай ғана тапсырманы орындау емес, оны сапалы орындау. Бұл жобада біз тәжірибесіз мамандар үшін қиын болатын көптеген мәселелерді еңсердік. Біз әрқашан жұмысты соңына дейін жеткізетінімізбен мақтанамыз, тіпті кедергілер туындаса да.

Егер сізге дүкеніңізді әлеуметтік желілермен синхрондау немесе күрделі функционал енгізу қажет болса – бізге хабарласыңыз. Біз сіздің бизнесіңізді жаңа деңгейге көтеруге көмектесуге дайынбыз!

To improve your pagespeed rating, you often need to reduce the size of the images used on your website. Let’s look at a simple way to solve this problem.

1) Run the service https://pagespeed.web.dev/ and look at the first diagnostic item, which is related to images.

2) Select the links that the analysis offers and save them to your computer

3) Open any image compressor, for example https://www.iloveimg.com/compress-image and upload the pictures there

4) Start the process and after it’s done you will get an archive with compressed files, which can be downloaded manually if the download does not start automatically

5) Open the downloaded archive and replace the old pictures that are on the hosting with new ones. The exact location of the pictures can be determined by the URL from the test (see step 2)

That’s pretty much the whole process.

Веб дамуның динамикалық әлемінде соңғы технологияларға жақын болу маңызды. PHP, популярлықты сервер тарапты сценарийлеу тілі, жаңа нұсқасы PHP 8.2, ескі нұсқалардан көшулеулерге мұндағы маңызды таңдау.

1. Оңайландырылған өнім: PHP 8.2, кодтың жылдам жүрісін жетілдіруге мүмкіндік беретін оптимизацияларды жүзеге асырады. Бұл, сіздің веб бағдарламаларыңыз жоғары тапшылықты жауап беруін білдіреді, пайдаланушы ынтымақтауын арттырады. Жетілген уақыттың (JIT) компиляторының жетілдірулері, сіздің қолдаулылықты және таразылығын арттырады.

2. Қауіпсіздік күштері: PHP 8.2, түрдің қауіпсіздігін қатты жетілдірумен жол бастайды. Бұл, жұмыс уақытындағы қателерге мүмкіндік бермейді, сіздің кодыңызды дейінгі дегенмен сенімді және қалайлы қадамдауға мүмкіндік береді. Жүүлгі түрлерінің қауіпсіздігін арттыру, даму процесінің алдындағы қателерді табуға көмектеседі, ауыртпалы бағдарламаларға бет басуға күмәнділік болады.

3. Жаңа функциялар мен синтаксис: PHP 8.2, тілге жаңа функциялар мен жетілдірулерді кірістіреді. Бұлар, стандартты кітапханага қосымшалар, таза және күрделі код үшін жаңа синтаксис, мазмұнды тазалау үшін қосылатын қосымшаларды оңайлауын күтеді. Бұл мүмкіндіктерді пайдалану арқылы сіз даму процесінің бірінші кезегінде қателерді табуға көмектесетін тиімді бағдарламалар жаза аласыз.

4. Қателерді тиімділеу: PHP 8.2, қателерді жақсы қабылдау механизмдерін жеткізеді, бұл оқшауламаға жасалуын оңайластырады және құралды жою уақытын азайтады. Жаңа қателерді жүзеге асыру мүмкіндіктері сізге қателерді табу және оларды тиімді тіркеуге жол береді, кез келген шешімсіз дұрыс басқаруға жол ашады.

5. Қауіпсіздік өзгерістері: Қауіпсіздік бірінші принципті міндетті, және PHP 8.2, қауіпсіздік жаңартуларының бірнеше өзгерістерін ұсынады. Жаңартуды ұшақтау арқылы сіздің қолданушылардың деректерін қорғауға және ескі PHP нұсқаларында болатын қуаттылық ашуға мүмкіндік беретін мамандық мәселелерді төмендетеді.

6. Сәйкесіну мүмкіндігі: Жаңа нұсқаға көшу ескі кодтыңызда бірнеше өзгерістер талап етеді, бірақ ұзақ мерзімге арналған әмиян. PHP 8.2, мүмкін болатын жағдайда қайталықты сақтайды, бірақ желіді жеткізу үшін кодты тексеру маңызды.

7. Қоғам және қолдау: Әрбір жаңа PHP нұсқасымен қоғам да сауықтырудың құштары артып келеді. PHP 8.2-ге көшу арқылы сіз, дайындаушылардың активты қоғамына, анықтамалыққа және дамумен дайындыққа ие боласыз. Бұл өмірдеу процесінің барлығының сізге қажетті ресурстарын береді.

Қорытындыда, PHP 8.2-ге көшу, өнімділік жаңартулары, күрделі түр қауіпсіздігі, жаңа функциялар, қателерді жақсы қабылдау, қауіпсіздік, сәйкесіну мүмкіндігі мен дайындыққа ие қоғам т. б. бір көптеген маңызды өзгерістерді ұсынады. Соңғы нұсқаны алғанша, веб қолданбаларыңыз саяси, қауіпсіз және әдістемендік жіктеліктерін ұшырады, осы көшу болашақтыңыздың жетістік инвестициясы болып табылады.

Біздің ғасырда жақсы нәтижелерге қол жеткізген компаниялардың барлығының дерлік өз веб-сайты бар: визиткалық веб-сайт, корпоративтік веб-сайт, интернет-дүкен немесе қазір сәнге айналғандай landing page (landing page). Бір беттік сайт – бетінде телефон нөмірінен бастап кері байланыс формасына дейін компанияның барлық материалдары көрсетілетін сайт. Қазір WordPress, Joomla, Bitrix, UMI.cms, Drupal және басқалары сияқты сайттарды жасауға арналған көптеген платформалар бар. Олар сияқты Adobe Muse CC сияқты бағдарламалар жасалады. Бұл туралы ресми Википедия дереккөзі хабарлайды.

«Adobe Muse CC» — Adobe Systems өнімі болып табылатын код жазуды қажет етпей веб-сайттарды, шағын интернет-дүкендерді және бастапқы беттерді жасауға бағытталған графикалық редактор.
Бұл қолданба Adobe Creative Cloud (Adobe Systems кросс-платформалық жазылым қолданбаларының жиынтығы) арқылы қол жетімді.»

Бағдарлама өз ісін ашатын және кодтағы барлық біліммен көп алаңдағысы келмейтіндердің барлығын қызықтырады. Яғни, бағдарламада орындалатын барлық әрекеттер автоматты түрде кодқа аударылады, бұл html негіздерін білмейтіндерге ыңғайлы. Бағдарламада дайын мәзірлер, қарапайым және күрделі кері байланыс формалары бар, бұл бағдарламаны одан да ыңғайлы етеді. Сондай-ақ деректеріңізге сәйкес өзгертуге болатын дайын үлгілер бар және сайт дайын. Мұның бәрі бағдарламаның артықшылықтары туралы. Енді кемшілігі туралы айтайық. Бір беттік сайттың басты кемшілігі, басқалары сияқты, SEO-ны жылжыту болып табылады. Яғни, толыққанды сайтқа ие бола отырып, біз жылжыту үшін мыңдаған сөздерді пайдалана аламыз, бірақ бір беттік сайтта 20-дан аспауы мүмкін. Ландинг парағы негізінен Yandex.Direct және Google.Adwords контекстік жарнамасына бағытталған. Мәтінмәндік жарнама туралы келесі мақалаларда айтатын боламыз.

KIT-Service басшысының түсініктемесі.

Төменде оқуға болатын мәтін веб-сайтқа арналған әдеттегі SEO мәтіні болып табылады. Оны біздің SEO мамандарымыздың бірі жазған және портфолио суреттері шынайы болса да, іздеу роботтары арасында біздің сайттың рейтингін арттыру үшін қажет. Мен өз атымнан айтқым келеді, біздің жұмысымыздың негізгі қағидаттары тұтынушылар басқаратын, сатылатын сайттарды құру болып табылады. Бізбен байланысыңыз — біз +79899500527, +79273211707 кеңес береміз.

SEO мәтіні ))

Веб-сайтты дамыту — біздің құмарлығымыз. Біз көптеген жылдар бойы тауарлар мен қызметтер нарығында болдық. Соңғы жылдары біз 200-ден астам жобаны (веб-сайттарды) жасадық, олардың әрқайсысы өзінің дизайнымен және функционалдығымен ерекшеленеді. Клиенттер риза болды және олардың көпшілігі сайттарын жылжыту және қолдау үшін бізге жүгінді.
Неліктен сізге веб-сайт жасау керек деп сұрайсыз? Бұған әркімнің өз себептері бар. Олардың бізге жүгінуінің бірінші және басты себебі – бизнеске арналған веб-сайт жасау. Бұрын газеттер, хабарландыру тақталары өзекті болса, қазір бұл интернет-жобалар (веб-сайттар). Компания көптеген адамдар баратын және өздеріне ұнайтын нәрсені таңдайтын сайттарда өз өнімдері мен қызметтерін ұсынады. Екінші себеп — портфолио. Өзінің имиджін арттырып, стилін көрсету үшін лайықты жұмыстарын көрсететін фотографтар, дизайнерлер, сәулетшілер.

Біз жасайтын веб-сайттар:

• промо-сайт (компания акциялары бар шағын сайт);
• визитка сайты (фирма, компания туралы деректері бар шағын сайт);
• бизнес-сайт (компания, компания туралы мәліметтері бар шағын сайт + қосымша модульдер (мысалы, кері байланыс);
• ресми веб-сайт (интернеттегі компанияның өкілдігі);
• эксклюзивті сайт (басқалардан мүлде ерекшеленетін сайт);
• сайт-дүкен (компания, компания + тауар ассортименті туралы мәліметтері бар шағын сайт);
• қону (бір беттік сайт);
• корпоративтік (корпорацияларға арналған веб-сайт).

Жақында Интернетте әртүрлі WEB дизайн студияларының өздерінің мазмұнды басқару жүйелеріне (CMS) негізделген сайттарды құру туралы көптеген ұсыныстары пайда болды. Жалпы алғанда, CMS бұл жүйенің арқасында WEB-сайтыңызды басқаруға, ондағы ақпаратты өзгертуге, өнімдер мен қызметтерді қосуға, мәтіндерді өңдеуге болады.

Сонымен, «тегін» деп аталатын веб-сайт жасаушыны таңдай отырып, сіз Интернет-платформаны құрып жатырсыз, сізде плюс пен минус бар.

Артықшылықтары	Кемшіліктері
· Сайт көбінесе шынымен тегін жасалады · Сайт тез жасалады	· Сіз сайттың дизайнын бақыламайсыз · Мұндай жағдайларда сайт мекенжайы әдетте тағайындалған конструктордың иесіне тиесілі болады. · Хостинг үшін артық төлем бар, яғни сіздің сайт файлдары сақталатын орын үшін · Егер сіз өзіңіздің сайтыңызды жақсартқыңыз немесе өзгерткіңіз келсе, оны қайта жазуыңыз керек және бұл конструктор жасаушылардың басты артықшылығы.

 

Веб-сайттарды әзірлеу кезінде біз тегін және белгілі WordPress және Joomla мазмұнды басқару жүйелерін қолданамыз

Оларды пайдаланған кезде кейде сайтты жүктеу жылдамдығы бірнеше миллисекундқа төмендейді, бірақ сіз мыналарды аласыз:

• Клиенттерді тартуға немесе тауарларды сатуға арналған онлайн платформа, оны басқару туралы ақпаратты Интернетте оңай алуға болады.
• Сіз бағдарламашыдан тәуелсіздік аласыз, өйткені. Қазіргі уақытта нарықта осы басқару жүйелерін иеленетін өте көп мамандар бар
• Сіз масштабтауға ие боласыз, сондықтан веб-сайтқа 5-7 мың рубльге тапсырыс беру арқылы 2-3 айда сіз кез-келген фрилансерді немесе бағдарламашыны қолдана отырып, оны қажетті деңгейге дейін оңай нақтылай аласыз, өйткені белгілі басқару жүйелеріндегі барлық жұмыстар мына жерде тамаша сипатталған. әртүрлі тілдерде, соның ішінде сан және орыс тілінде.
• ӨЗІҢІЗ алыңыз! Интернет мекенжайы.
• Сіз өзіңіз үшін ең қолайлы хостинг тарифтерін таңдау мүмкіндігіне ие боласыз

Сондықтан веб-сайттарды жасау кезінде біз тегін белгілі мазмұнды басқару жүйелерін қолданамыз.