Ошибка: as been blocked by CORS policy

В одной из задач возникла проблема: скрипт javascript «крутящийся» на localhost должен утянуть файл json с удаленного ресурса https. Вот тут и возникает ошибка:

Error: XMLHttpRequest error. As been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource

Возникает она из-за политик CORS удаленного сайта.

Решение: добавить в скрипт который «выдает» данные, заголовок, что конкретно эти данные можно отдавать ну например ..всем.

<?php
header('Access-Control-Allow-Origin: *');
echo '{"UserId":"10","UserName":"Vasya Pukin 1"}';
?>

Flutter: переопределение кнопки «назад» в AppBar

Возникла ситуация: на одной из страниц (например авторизация) произошли изменения, касающиеся «стартового» экрана с изменением пунктов меню в drawer, ну и его шапке соотвественно. Но возник нюанс — при нажатии кнопки «назад» в AppBar, перерисовка меню не происходит.

Что будем делать? Одним из вариантов решения проблемы является перехват нажатия кнопки при помощи виджета WildPopScope и принудительная перерисовка при помощи вызова роутинга:

@override
  Widget build(BuildContext context) {
    // Переопределяем кнопку назад
    return WillPopScope(
      onWillPop: () {
        Navigator.pushNamed(context,'/');
        return Future.value(false);
      },
      child: Scaffold(
        appBar: AppBar(title: Text('Авторизация')),
        body: Center(
...

Flutter: работа с json

В предыдущей статье мы получили по URL json данные. Теперь задача их обработать.

{
"UserId":10,
"UserName":"Vasya Pukin"
}

Для работы с json, необходимо импортировать библиотеку:

import 'dart:convert';

Далее загрузим данные в тип Map:

 Map<String, dynamic> user = jsonDecode(response.body);
                        print (user["UserName"]);

А что если это массив?

[
  {"UserId":10,"UserName":"Vasya Pukin 1"},
  {"UserId":10,"UserName":"Vasya Pukin 2"}
  ]

В этом случае загрузим JSON в объет List:

                        List users = jsonDecode(response.body);
                        for(int i=0; i < users.length; i++){
                          print(users[i]["UserName"]);
                        }

Обратная конвертация:

                        String json = jsonEncode(user);
                        print (json);

Flutter: получение данных по http/https

Для обмена данными между клиентом (приложением) и сервером можно использовать пакеты http и http_parser. Для этого в зависимости добавляем пакеты:

dependencies:

 http: ^0.13.4
 http_parser: ^4.0.1

Для подключения в самом проекте нужно указать:

import 'package:http/http.dart' as http;

Ключевое слово as — указывает на то что подключаемые методы из пакета будут доступны через объект-имя http, к примеру:

В файл манифеста для Android, обязательно нужно добавить доступ в интернет:

<uses-permission android:name="android.permission.INTERNET" />
  • http.get(…)
  • http.post(…)
  • http.put(…)

Сетевые запросы к серверу медленные, потому результат запроса будет обрабатываться асинхронно после .then

 ElevatedButton(
                    onPressed: (){
                        http.post(Uri.parse('https://erferf.ru/1.json'),body: {'login':_controller1.text,'password':_controller2.text}).then((response) {
                        print("Response status: ${response.statusCode}");
                        print("Response body: ${response.body}");
                      }).catchError((error){
                        print("Error: $error");
                      });
                    },

Flutter: виды кнопок

Ну и раз уже мы попросили пользователя что-то ввести, нужно создать кнопку, по нажатии на которую что-то будет происходить.

В Flutter довольно таки большой выбор «стандартных» кнопок, код вызова которых в принципе идентичен

child:FlatButton(
              child:Text("Button"),
              onPressed: () {
              },
            )
FlatButton
RaisedButton
ElevatedButton
TextButton
OutlinedButton
FloatingActionButton

1 67 68 69 70 71 300