0: Всем привет, меня зовут Костя. И в этом видео я расскажу вам про эмсипи, который умеет тестировать ваш код, находить уязвимости, находить код, который плохо написан, код, который не работает и так далее. Наверняка вы знаете, что хоть и нейронки пишут код.

1: Но не всегда делают это идеально. Так вот, как раз тест спрайт создан для того, чтобы решить эту проблему. Начать пользоваться можно абсолютно бесплатно. Что самое главное. То есть нам с вами дают 150 кредитов бесплатных, которые мы как раз можем потратить.

2: На тестирование своего кода. Давайте чуть чуть пробежимся и посмотрим, как это все работает. То есть это обычный эмсипи сервер, который подключается к большинству айде, к большинству силай программ и так далее. Нам лишь нужно

3: Его подключить. Все это я сегодня покажу и сразу на нескольких инструментах. То есть вот нам здесь показывает, что можно легко подключить в трайв клод вижуал студио код, в антигравити, в курсор серф и в остальное. Но сначала давайте

4: Пробежимся все-таки по ценнику, что сколько стоит. А конкретно у нас есть бесплатный тариф, которым мы сегодня и будем пользоваться. То есть у нас 150 кредитов есть в месяц, которые нам дают, и он обновляется каждый месяц, да?

5: Далее у нас есть тариф, в котором 1 месяц абсолютно бесплатный. То есть, а со 2 уже будет по 20 $, в котором нам дают 400 кредитов в месяц. Как у нас расходуются эти кредиты, мы сегодня посмотрим, также мы можем

6: Посмотреть, как у нас это все работает с точки зрения того, какие модели используются. То есть на бесплатном тарифе у нас будет использоваться gpt 4 точка 1 для Тестов и клод 3 и 7 клод 3 и 7. Я считаю, до сих пор очень даже неплохой. Ну и

7: Соответственно, если мы уже платно используем платные тарифы, то у нас, скорее всего, будут одни из самых последних моделей и использоваться. И, соответственно, здесь вы при желании можете почитать все остальные фичи, которые предоставляются ссылки. Я, конечно же, оста

8: В описании и в закреплённом комментарии. Давайте чуть поговорим про установку. У нас есть документация, в которой можно самому все это посмотреть, но я сегодня буду все рассказывать по этапам. Итак, для того, чтобы установить этот эмсипи сервер нам для начала нужно получить

9: Api ключ, мы его сегодня получим обязательно на видео, и далее нам нужно будет установить этот эмсипи сервер себе в какой-либо айдие допустим, в трае это легче всего делается, то есть нам всего лишь нужно зайти в настройки, выбрать маркет.

10: Тест спрайт и все. И у вас все будет работать после того, как вы ключ туда введёте в курсоре. Это просто по 1 ссылке устанавливается и вводится апи ключ.

11: Соответственно, в клод код нам нужно также написать просто вот такую вот команду, куда тоже нужно заменить. Вот тут вот api ключ, ну и в антигравити Вейс код, и в остальных все одинаково устанавливается, то есть нужно просто эмсипи конфиг отредактировать.

12: И вписать вот это вот все. И у вас также это все будет работать. Мы сегодня попробуем, наверное, 3 варианта я покажу и вы сможете повторить это у себя. Итак, давайте регистрироваться я перейду на главную страницу, нажму регистрацию, кнопку и

13: Просто через свой google аккаунт можете войти через github, в принципе разницы большой нет, входим, и у нас происходит регистрация.

14: Так, и вот, вот он, наш дашборд, самый главный, который нас приветствует, где все рассказывается. Я это все сегодня буду вам рассказывать. Итак, здесь нас сразу же приветствуют.

15: Приветствуется и рассказывается, что нам необходимо создать свой api ключ соответственно, мы переходим на эту страницу пока что мы создавать api ключ не будем, потому что нам его пока что некуда и вводить то, собственно говоря, далее у нас тут напи.

16: Что мы можем эмсипи установить легко. То есть просто нажав на кнопку, он добавится в курсор. Вот это вот все. Если мы введём в клод и в остальных случаях вот это то, что я ранее и рассказывал, давайте приступать начну я с кодекса открываем.

17: Кодекс вот так он у нас выглядит. У нас здесь есть настройки, нажимаем их. Вот они наши серверы эмсипи можем посмотреть. Допустим, вот у нас здесь шасин установлен, как он установлен, то есть

18: Нам необходимо здесь написать команду для запуска и так далее давайте добавлять новый сервер, команда для запуска у нас также будет mp икс.

19: Потому что здесь тоже написано энпии икс. Далее вот этот вот аргумент мы отсюда копируем.

20: Вставляем в аргументы. Далее у нас здесь есть переменные окружения, это как раз-таки и есть енви, мы вот это вот копируем apk, отсюда возвращаемся в кодекс.

21: И значение пока что оставляем пустым, потому что у нас нет api ключа. Итак, я создаю новый api. Ключ вот на страница, то есть я здесь как раз наберу кодекс какой-нибудь.

22: И вот он наш. Апи ключ, я его копирую, возвращаюсь обратно в кодекс вставляю, и мы забыли ещё написать имя этого эмсипи сервера. Это обязательно просто копируем. Отсюда же и это имя возвраща.

23: Вставляем, нажимаем сохранить и все эмсипи. У нас подключён он полностью рабочий, им можно пользоваться все достаточно просто. Давайте также этот эмсипи установим вижуал студио код, а именно в Кило ко

24: Я знаю, что вы продолжаете им пользоваться, поэтому покажу и как в нём это сделать. Нажимаем здесь вот такие вот весы. И у нас здесь есть список эмсипи серверов, у вас он может быть пустым, этот список и далее вы принимаете решение, вам нужно

25: Конкретный проект установить либо глобально во все проекты я глобально установлю у нас здесь вот такая вот квакозябра это ничего страшного, копируем это все дело есть вот такие вот сайты называются они json бьютифайры.

26: В общем, как-то так вы можете конкретно в этот зайти, то есть код бьютифай, орджи, джейсон вивёр сюда это все вводите, чтоб он стал красивым и далее копируете.

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

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

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

30: Внутри нам не надо, вернее все, что снаружи далее ставим запятую вставляем и нужно сюда свой api ключ вставить тоже самое создаём новый api ключ.

31: Что это у нас локот, допустим, Кило, да, напишем.

32: Также копируете весь этот apk.

33: Вставляете его сюда.

34: И все.

35: Также нам нужно будет здесь указать, что

36: Дисейблд вот этот вот скопировать тоже дисейблд.

37: Тру и в принципе все, у нас все будет работать.

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

39: Это json image клинер я перехожу далее нахожу где у нас тут инсталляция клод и вот он весь код который необходимо ввести я это копии.

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

41: И нам теперь нужен ещё 1 ключик, хотя можно было тем воспользоваться. Ну да ладно, ввожу сюда клод.

42: Копирую ключ.

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

44: Так, он говорит, что подключается. И вот он подключился, то есть он теперь работает. Подключение это, конечно, все здорово, но давайте посмотрим на деле, что из себя представляет тест спрайт, у меня есть проект, написанный совсем недавно.

45: Максом м 2, точка 7. И я хочу продемонстрировать его для начала. Для этого я веду н pm.

46: Run деф, чтобы у меня открылся этот проект в браузере.

47: Вот так вот он выглядит. В общем, это приложение решает проблему с битыми ссылками в джейсоне. То есть мы можем сюда джейсон файлы отправлять, он будет проверять на битые ссылки, показывать, где битые, где не битые. Также сортирует. Я хочу проверить, насколько здесь код.

48: Написан хорошо. И можно ли его как-либо оптимизировать. Для этого мы как раз и будем использовать тест спрайт, мы проверим эмсипи то, что он у нас подключён, да, он у нас подключён, и мы можем попросить нейронку в данном случае Санат 4.

49: Точка 6. Чтоб он при помощи эмсипи тест спрайт проверил наш проект. Но перед тем, как мы это сделаем, нам необходима документация этого проекта. Я вам сейчас покажу такой момент. Допустим, мы пишем прове,

50: Протестируй, давайте по-русски напишем. Протестируй проект при помощи.

51: Mcp тест спрайт называется.

52: И отправляем. Я набрал, протестирую, но я думаю, он все равно поймёт. То есть он сейчас должен у нас подцепить наш эмсипи и пройтись по нашему проекту. Он

53: Прошёлся по нашему проекту, просит нас какой-то процесс сделать. Мы ему разрешаем. Пускай дальше что-то изучает. Возможно он изучает проект для того, чтобы понять вообще, что здесь тестировать. Итак, на-ка.

54: Каком-то моменте у нас открылась вот эта страница, я также нажал процесс, то есть у меня появился процесс, я нажал yes, открылась вот эта страница, то есть тест спрайт у нас спрашивает некоторые данные о нашем проекте, что мы хотим тестировать, бэкенд или фронтенд. Я выбираю фронтент.

55: Я нажимаю, что всю кодовую базу пускай тестируют. У меня нет никаких данных о входе, то есть у меня авторизации нет, поэтому я это заполнять не буду. Порт, на котором находится наше приложение, он 3000, я также это оставляю.

56: Здесь у нас требуется документация, которую нам сейчас необходимо будет сделать. Давайте я открою ещё 1 терминал.

57: Закину сюда этот проект, напишу сд, закину сюда этот проект, открою ещё 1 клод. Я бы мог, конечно, не клод, открыть что-то другое, но раз мы уже начали с кодом, попрошу, просто создай доку.

58: Документацию проекта, документацию.

59: Проекта в файл, допустим, спёк, пускай он спёк мди создаст

60: И пускай наш как раз клод и создаст для нас документацию, по которой и будет работать наш тест спрайт, то есть

61: И уже он поймёт, что так, что не так уже и в самом нашем коде по этой документации наша документация создана, но это компромиссное решение, почему она компромиссное, потому что в нормальных проектах, в хороших вайб код проектах документа.

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

63: То мы можем вот это вот все закрыть и вот сюда эту документацию отправить. То есть мы заходим вот он наш спёк точка Эмди, который только что создался и все мы нажимаем

64: Продолжить. Теперь у нас документация есть, и здесь все теперь продолжится. Итак, наше тестирование перешло на новый этап, когда у нас, во первых, открылась дополнительная стра.

65: Страница, в которых, в котором он заполнил вот такие вот тикеты, это называется. То есть 15 проблем, которые он будет тестировать в приложении. Также у нас сразу же на сайте самого тест спрайта.

66: Также создались эти тикеты, то есть они все равно в памяти теперь останутся. И, как я понял, сейчас пройдут тесты и определятся, какие у нас проблемы есть, каких у нас нет, и затем мы уже сможем эти проблемы решить, если они действительн.

67: Существуют, мы можем, в принципе, перевести это вот так вот на русский язык. И здесь написано, что, пожалуйста, оставьте ваше приложение локально. В общем то, мы генерируем тестовый сценарий. Это может занять до 15

68: Минут, то есть для оптимизации производительности и так далее. То есть, я так понимаю, у нас выполняются определённые тесты. Итак, наше тестирование завершено, и он выявил все-таки у нас проблемы, которые у нас существуют, то есть пятнадцат

69: 15 Тестов он создал и какие-то у нас удачно завершились то есть у нас все отлично отрабатывает, а в каких-то все-таки у нас существуют ошибки, где написано вот файл, то есть неудачно мы можем посмотреть даже

70: Что он тут делал? У нас здесь даже есть ролики, как он что-то тут пытался делать. Он описал, какие проблемы существуют, как их решить. В общем то теперь мы можем вот это вот все нейронке передать, все эти ошибки и нейронка нам уже все это поправит.

71: Также у нас все эти тесты остались здесь тоже описанные, что у нас здесь случилось по нашему приложению. В общем, вот такая вот история, вот такая ситуация. Думаю, показывать не буду, как я эти ошибки исправляю, потому что

72: И так понятно, как это все происходит. То есть я нейронки скормлю, все эти ошибки, она все их исправит. Затем я снова попробую протестировать это все тест спрайтом и уже так далее. То есть вводя новые какие-то

73: Новые функции модули. Я снова и снова буду прогонять этот тест, чтобы выявлять проблемы. Теперь нам бы посмотреть, сколько у нас кредитов съело. А я вижу, что кредитов у нас нисколько не съело. По моему, у нас как было.

74: Здесь 150 кредитов столько и осталось. То есть проект, скорее всего, у нас маленький, что даже особо и кредитов то и не потратилось. Итак, какой у нас вывод из наших с вами сегодняшних Тестов? Во первых, при помощи этого эмсипи?

75: Мы можем улучшить свою разработку, это как минимум ещё и можем сделать это бесплатно, так как нам дают 150 кредитов бесплатно, что очень даже щедро. Я, как видите, тестирование сделал. Я могу ещё раз обновить.

76: И у меня как было 150 кредитов, так и осталось. То есть у меня ещё этих кредитов навалом, я могу ещё тестировать, тестировать и тестировать проект. У меня, конечно, тоже был небольшой, но, да ладно, суть то не в этом. Суть в том, что используя

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

78: Как минимум работу, как минимум это тестирование и так далее. Вот такое вот видео у нас получилось. На самом деле здесь есть ещё дополнительный функционал в виде, допустим, интеграции с гитхабом мониторингов, тест листов можно

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

80: Наши какие-то насущные проблемы экономить время. В общем то я с вами прощаюсь. Спасибо за