Рубрики
Без рубрики

Первая неделя 100 дней кода

Здравствуйте, добро пожаловать в мою первую статью! Я люблю бегать и кодировать и один из способов набрать два громчец … Теги с угловым, HighChart, Azure, Python.

Здравствуйте, добро пожаловать в мою первую статью!

Я люблю бегать и кодировать и один из способов сопечатать два вместе, было участие в 100 днях кода, играя вокруг Strava API: самая популярная социальная платформа для бегунов.

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

До сих пор у меня есть:

  • Статический API разоблачение списка мероприятий среднего бегуна
  • Сайт работает на Azure http://remstrava.azurewebsites.net с участием:

    • Одноразовая круговая диаграмма, отображающая поломки деятельности в день
  • Местная настройка окружающей среды с визуальным студийным кодом со следующими расширениями:
    • Azure Account
    • Azure App Service.
    • Функции Azure
    • Брекетер пар цвета

Это не так далеко и вот мои отзывы:

  • Кривая обучения с Azure Cloud, угловой + HighChart, Teadercript
  • взад и вперед между моим личным настольным компьютером и ноутбуком
  • Рамочный выбор сомнительный, я мог бы использовать Power Bi для этой цели.
  • Развертывание было получено> 30 минут, прежде чем я понял, что я должен просто построить решение

2 вызовы, которые я столкнулся с которыми я сталкивался: 1) Внедрение CORS в моем API. Хотя я активировал функцию Azure CORS из портала, он не приходил во внимание после публикации, мне пришлось вручную добавлять заголовки в ответ моей API, как это:

        headers  = {
                "Access-Control-Allow-Origin": "*",
                "Access-Control-Allow-Methods": "Get, Post, Options"
        }
        return func.HttpResponse(str, headers=headers)

Это должно показать в заголовках ответа

в противном случае вы столкнулись с ошибкой обмена ресурсами Cross Cross.

Редактировать 2020-05-04: Настройки CORS настроек уровня приложения Dotnet достаточно.

2) Обновите HighChart после поиска данных из API, трюк должен был использовать HighCharts.Charts, а также убедитесь, что компонент уже был доступен.

   //TODO should type the data
   updateData(data : any){  
      Highcharts.charts[0].series[0].setData(data);
   }

Я делюсь своим ежедневным прогрессом здесь Отказ

Увидимся на следующей неделе.

Оригинал: “https://dev.to/remster85/first-week-of-100-days-of-code-hoi”