Здравствуйте, добро пожаловать в мою первую статью!
Я люблю бегать и кодировать и один из способов сопечатать два вместе, было участие в 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”