Как вывести отзывы с TrustPilot?

Для вывода отзывов с TrustPilot в вашем проекте на с использованием фреймворка Nuxt.js вам понадобится два компонента: бекенд-сервер и фронтенд-компонент.

  1. Бекенд-сервер:
  • Создайте новый файл для бекенда, например, trustpilot-server.js.
  • Установите необходимые пакеты с помощью команды npm install axios express.
  • Импортируйте необходимые модули в файл trustpilot-server.js:
     const express = require('express');
     const axios = require('axios');
     const app = express();
  • Создайте маршрут для получения отзывов с TrustPilot:
     app.get('/reviews', async (req, res) => {
       try {
         const response = await axios.get('https://api.trustpilot.com/v1/reviews');
         res.send(response.data);
       } catch (error) {
         console.error(error);
         res.status(500).send('Error retrieving reviews from TrustPilot');
       }
     });
  • Запустите сервер:
     app.listen(3000, () => {
       console.log('TrustPilot server listening on port 3000');
     });
  1. Фронтенд-компонент:
  • Создайте новый файл для фронтенда, например, TrustPilotReviews.vue.
  • Импортируйте необходимые модули в файл TrustPilotReviews.vue:
     import axios from 'axios';
  • Создайте компонент TrustPilotReviews:
     export default {
       async asyncData({ app }) {
         try {
           const response = await axios.get('http://localhost:3000/reviews');
           return {
             reviews: response.data,
           };
         } catch (error) {
           console.error(error);
           return {
             reviews: [],
           };
         }
       },
       data() {
         return {
           reviews: [],
         };
       },
       mounted() {
         console.log(this.reviews);
       },
     };
  • В файле, использующем компонент TrustPilotReviews.vue, добавьте импорт и добавьте компонент на страницу:
     import TrustPilotReviews from '@/components/TrustPilotReviews.vue';

     export default {
       components: {
         TrustPilotReviews,
       },
     };
  • В файле с шаблоном добавьте компонент в разметку:
     <template>
       <div>
         <trust-pilot-reviews></trust-pilot-reviews>
       </div>
     </template>

Теперь, чтобы вывести отзывы с TrustPilot, вам нужно будет импортировать компонент TrustPilotReviews.vue в файл с шаблоном, где вы хотите отображать отзывы, и добавить его в разметку. Компонент будет получать отзывы с сервера TrustPilot и выводить их в консоль - вы можете изменить этот функционал по своему усмотрению, например, выводить отзывы на странице.

Обратите внимание, что код представлен как пример и может требовать изменений для вашего конкретного случая. Дополнительно, вы можете добавить дополнительный функционал, например, кэширование запросов к серверу TrustPilot или обработку ошибок.