Flutter开发

Posted on 23/03/202423/03/2024 by XIAO WEN

前言

本文介绍从iOS原生开发转向使用Flutter跨平台开发混编，包括：

项目结构
iOS原生与flutter的通信
flutter的路由
…

1、Flutter介绍

Flutter是由Google推出的、使用Dart编程语言的跨平台开发框架。类似的跨平台框架还有Facebook于2015年推出的React Native。Dart可以直接编译为ARM代码和Fiasco微内核，且采用了Google自己的Skia渲染引擎（也被用于android）。React Native需要频繁地在JavaScript线程与原生线程之间切换上下文，性能方面有一定的影响。

与原生开发对比：

优势：
- 跨平台，节约开发成本；
- 热重载
- 编辑器VS Code有许多第三方插件，提升效率
劣势：
- 学习成本，需要重新学习Dart开发语言
- 编程习惯，

Flutter版本管理：FVM

FVM（Flutter Version Management）是一款管理Flutter版本的工具，简化Flutter版本管理的流程。

允许在一台机器上安装和使用多个Flutter版本
可以指定某个项目使用特定的版本，有助于团队合作及CI/CD的稳定性
支持版本切换

2、项目结构

这里使用VS Code作文编辑器

3、第三方框架

首先介绍GetX

4、与原生数据交互

App上架前的准备

Posted on 19/03/202419/03/2024 by XIAO WEN

前言

以公司上架App到苹果的App Store为例子，需要先申请DUNS编号，然后注册开发者账号，才有资格上架

需要准备的信息

1、法人实体

2、实体地址

3、联系方式

4、税务信息

5、银行账户

6、DUNS

官网

法定公司名称
公司地址
公司电话
公司成立日期
公司法人名称
公司商业性质

设计一个聊天系统

Posted on 19/03/202419/03/2024 by XIAO WEN

前言

聊天应用在我们的日常生活中变得越来越重要，从社交媒体到客户服务，他们都成为我们生活的一部分。因此，如何设计和实现一个高效，可扩展的聊天系统构成了 iOS 开发者面临的一项重要挑战。

系统设计概述

在设计聊天系统时，我们需要考虑的设计因素有：一对一的私人聊天、群聊功能、发送文本和媒体消息、实时消息传输、以及消息的持久化存储。而作为 iOS 开发者，我们会希望这个系统对设备资源的占用最小，且具有出色的性能表现。

客户端框架

在 Swift 中，我们可以利用一些设计模式进行良好的架构设计。其中 MVC（模型-视图-控制器）是最常用的模式。但是根据项目具体需求，也可以考虑使用 MVVM（模型-视图-视图模型）或 VIPER（视图-互动器-呈现器-实体-路由器）来架构你的 iOS 应用。

消息处理

对于消息的处理，分发和同步，使用 Socket.IO 客户端库进行实时通信。Socket.IO 使你能够在客户端和服务器之间进行全双工通讯，实现了信息的推送。利用 Firebase Cloud Messaging，我们可以实现对未在线用户的消息推送。

UI 实现

我们可以借助一些第三方框架来实现漂亮并具有流畅性能的 UI，例如使用 JSQMessagesViewController 或者 MessageKit 来快速构建漂亮的 UI。

网络请求

Alamofire 是 Swift 中处理 HTTP 网络请求的优秀库，功能强大且易用。它能简化许多网络操作的过程，从发出请求到处理响应。

数据解析

在收到服务器的响应之后，我们通常需要处理返回的 JSON 数据。在 Swift 中，我们可以使用 SwiftyJSON 库来让 JSON 解析变得简单并错不可及。

数据存储

在客户端，我们需要有效地管理和存储用户数据和消息。这时，CoreData 和 Realm 数据库成为最佳选择。这两个框架为 iOS 开发者提供了强大的数据管理能力。

消息有序性

在聊天应用中，确保消息的有序性是一项重要任务。我们将每条消息装配一个时间戳或者全局唯一的序列号，根据它们进行排序以保证正确的顺序。

隐私和安全

任何设计中，用户的私密性和数据安全都是第一位的。应用内部应该使用 HTTPS 进行数据传输，同时聊天消息可采取端对端加密的方式以确保通信安全。另外，登陆界面应含有 OAuth 或其他安全认证机制，保障用户账号的安全。

总结

设计和实现聊天应用是代码、设计以及版权等多种深度结合的结果。本文介绍的架构和设计的宝典并不是固定不变的，我们还需要根据自身的应用需求不断去创新和挑战。我希望上述的讨论和建议对你在开发 iOS 聊天应用的路上有所启发和帮助。

参考链接：来源

App原生与跨平台开发

Posted on 13/03/202413/03/2024 by XIAO WEN

当下App开发可采用：1、原生开发（如android选择Java或Kotlin，iOS可选择Objective-C或Swift），2、跨平台开发（React Native或Flutter）。

由于笔者最近也接触跨平台开发，这里顺便介绍一下Flutter和React Native这两个当下非常热门的跨品台应用开发框架的对比，后续若要在二者间选型可简单参考。

1、首先主要关注性能方面：

Flutter是谷歌推出的框架，采用谷歌自家的Dart语言、拥有良好的性能，原因是Dart可以直接编译为ARM代码和Fiasco微内核并且使用自己的渲染引擎Skia。Skia同时也是Android系统的图形渲染引擎之一，iOS的渲染引擎有Quartz 2D、OpenGL ES、Metal、Core Animation、Core Image。
React Native需要在JavaScript线程和原生线程之间频繁切换上下文，对性能有一定的影响。

2、UI组件：

Flutter：
React Native：

3、开发语言：

Flutter：Google的Dart
React Native：Java Script

4、社区和生态：

Flutter：快速发展中
React Native：发布更早，有比较成熟的社区，插件和三方库较多。

5、热重载：二者都支持热重载，与原生相比可能快速地调试。

设计一个证券交易App

Posted on 13/03/202419/03/2024 by XIAO WEN

前言：

本篇文章从iOS开发者的角度，介绍证券交易App的一些技术选型、功能设计等方面的内容。涉及到与server的交互数据格式及定义、接口设计、功能设计等。

一、App编程语言及三方库

iOS端采用原生开发，编程语言是Swift。如果某些功能需要在双端同时实现可使用Flutter。最近也参与了Flutter的跨平台开发，这篇文章简单介绍。

部分第三方库：

网络：Alamofire、Starscream、SocketIO
数据解析：HandyJSON、SwiftProtobuf、SwiftyJSON
布局：SnapKit
网络图片：Kingfisher
键盘输入：IQKeyboardManagerSwift
缓存：Track
弹框：Toast-Swift
数据库：WCDB.swift

二、网络部分

1、网络通信协议

常见的应用层通信协议有HTTP、SMTP、Web Socket等，这里介绍当前项目使用到的两种：

HTTP（HyperText Transfer Protocol，超文本传输协议）：

是一种网页（HTML）传输协议，适用于从万维网服务器传输超文本到本地浏览器的传送协议。
是一种请求-响应协议，客户端发送一个请求给服务器，然后服务器回送一个响应回来。这种通讯方式限制了只能有客户端发起通信，服务器不能主动给客户端发送数据。

Web Socket：

是一种在单个 TCP 连接上进行全双工通信的协议。目标就是在网页和服务器之间建立持久连接，然后进行双向数据传输。
比起 HTTP（HTTP 协议中，服务器不能主动向客户端推送信息），WebSocket 更适合于实时性要求较高的场景，例如网页聊天，股票行情，游戏等。

2、数据编码格式

网络通信中传递的是数据，那么如何组织这些数据编称作“编码”，常见的有XML和JSON这两种格式，在app开发中也几乎不会用XML这种格式了。另外一种是Google推出的Protocol Buffers（简称ProtoBuf或PB）。

JSON (JavaScript Object Notation) 是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成。JSON 使用完全独立于语言的文本格式，采用 Key-Value 键值对的方式来存储和表示数据，常用于服务器和 Web 应用间的数据交换。

ProtoBuf，全称 Protocol Buffers，是 Google 公开的一种数据序列化协议，用于数据结构的序列化，可以用于数据存储、通信协议等方面。相较于 JSON、XML 这些数据格式，ProtoBuf 更小、更快、也更简单。它使用二进制格式，可以定义复杂的数据结构，还提供了众多语言的 API 接口，可用于网络通讯和数据存储。约定的数据结构能够被跨语言使用，比如 Server 使用 C++，Client 使用 Java，两者之间的通信，可以使用 ProtoBuf 来约定通信协议。

总体上，JSON 更简单易用，并且在WebView、Web Browser 这样的环境中使用更加便利。而 ProtoBuf 则适合于大规模的系统中，需要更高效或者更清晰的协议定义的地方。

我们当前讨论的证券交易App在查看行情的过程中需要接受大量的行情数据，同时对时效性有较高的要求。PB体积小（二进制格式）、效率高（编解码），也支持跨语言，同时Google也提供了完整的工具链（如将.proto格式的文件编译成目标语言如Swift文件），特别适合证券类高频率、大数据量的场景。

3、安全性

// TODO: –

三、主要的业务逻辑

1、与行情服务器建立WebSocket连接

WebSocket 是一个网络通信协议，提供了全双工（Full-duplex）通讯机制。在 WebSocket API 中，客户端（可以是web浏览器或app）和服务器只需要建立一次连接，就可以进行实时双向数据传输。这种协议的主要目标是在客户端和服务器之间实现实时通讯，同时也兼容了现有的 HTTP 协议。

建立WebSocket连接需要知道服务器的ip地址和端口号port，其URI以ws://或wss://开头，如："ws://172.16.10.207:11516"，其中wss://多了一层security layer实现加密。

通常我们会将行情服务器信息ServerInfo保存到本地，并提供更新接口。这样可以加速与行情服务器建立WebSocket连接的过程。如果本地未读取到则需要调用接口获取行情服务器信息，再建立连接、同时保存到本地。

2、数据的发送与接收

消息的格式：容器消息类型 + 消息体，

数据的发送

数据接收后的解析，传递给业务层

3、登录

检查登录状态

检查refreshtoken是否过期

刷新refreshtoken

单点登录

多点登录

4、在线状态

心跳

踢下线

四、启动后要做的一些事情

1、网络方面

网络状态检测如果有网络的话，要建立websocket的连接还要检查登录状态，refreshtoken等，同步用户数据

Spring Boot RESTful demo

Posted on 11/03/202418/03/2024 by XIAO WEN

前言

这边文章介绍创建一个基于RESTful的网络服务web service，并介绍一些相关的概念。

最终我们需要实现：访问"http://localhost:8080/greeting?name=Hsiao"后，在浏览器显示以下内容：

rest-service_RESTful_api_greeting_with_name

参考：https://spring.io/guides/gs/rest-service

什么是RESTful？

什么是web service？

一、Spring初始化

在官方的的页面：https://start.spring.io/ 我们按照以下配置

Project：选择Marven
Language：选择Java
Spring Boot：选择3.2.3
Project Metadata：Artifact设为rest-service，Packaging选择Jar，Java选择17
Dependencies：添加Spring Web

点击Generate后会下载rest-service.zip,将其解压得到rest-service并在VS Code中打开后，默认是这样的：

二、创建record Greeting

我们这个web service网络服务将要响应对/greeting接口的GET请求，该请求有一个可选的String类型参数name。

在我们的响应中，响应头为200 OK表示响应成功，同时我们需要把一个Greeting实例greetingObj放在响应体中

Greeting实例的一个实例如下：

{
    "id": 1,
    "content": "Hello, World!",
}

其中的id字段是生成的问候语的唯一标识符，它是全局自增不会重复的，换言之每次响应这个接口返回的id都会不一样，且是全局自增的。content是问候的具体内容。

创建record Greeting

在java/com/example/restservice处右键，依次选择New Java File -> Record

给record命名Greeting：

rest-service_RESTful_add_Java_record_Greeting

默认的Greeting：

rest-service_RESTful_record_Greeting_default

我们将其修改成Greeting.java：

package com.example.restservice;

public record Greeting(long id, String content) {

}

rest-service_RESTful_record_Greeting_edit

三、创建class GreetingController

在java/com/example/restservice处右键，依次选择New Java File -> Class

给class命名GreetingController

rest-service_RESTful_add_Java_class_GreetingController

将其修改成 GreetingController.java：

package com.example.restservice;

import java.util.concurrent.atomic.AtomicLong;

import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

@RestController
public class GreetingController {

    private static final String template = "Hello, %s";
    private final AtomicLong counter = new AtomicLong();

    @GetMapping("/greeting")
    public Greeting greeting(@RequestParam(value = "name", defaultValue = "World") String name) {
        return new Greeting(counter.incrementAndGet(), String.format(template, name));
    }

}

rest-service_RESTful_class_GreetingController_edit

四、运行

在VS Code点击运行后，访问"http://localhost:8080/greeting"将会显示以下：

若在访问该接口时带上参数name，如"http://localhost:8080/greeting?name=Hsioao",我们的greeting()方法能解析到name参数是“Hsiao”，所以不再使用默认的参数“World”:

五、总结

Spring Boot quick start

Posted on 11/03/202418/03/2024 by XIAO WEN

前言

Spring是一个Java框架，可以用于Microservices、Reactive、Cloud、Web App、Serverless、EventDriven和Batch等，具有应用广泛、高效、灵活、高速、安全、丰富的社区支持等特性

官网：https://spring.io

当前文章的主要内容是启动一个Spring Boot项目，它具有一个/hello接口，这个接口支持传递name参数，如果没有读取到name参数，则使用默认值的World，并基于name参数返回一个字符串。

1、下载demo

在官网http://start.spring.io生成一个demo。

该页面的Project选择Maven，Spring Boot选择3.2.3，在Add Dependence中搜索web并选择Spring Web，最后点击下方的Generate按钮就会下在一个demo.zip。

解压后得到的文件结构如下：

2、新增hello函数及接口

这里使用VS Code打开demo，并修改源码如下：

DemoApplication.java

package com.example.demo;

import org.springframework.boot.SpringApplication;
import org.springframework.boot.autoconfigure.SpringBootApplication;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.RestController;

@SpringBootApplication
@RestController
public class DemoApplication {

	public static void main(String[] args) {
		SpringApplication.run(DemoApplication.class, args);
	}
	@GetMapping("/hello")
	public String hello(@RequestParam(value = "name", defaultValue = "World") String name) {
		return String.format("Hello %s", name);
	}
}

介绍一下新增的hello()方法

该方法接收一个String类型的参数name，并用字符串Hello与其拼接，返回拼接之后的字符串。举个例子如果传入的name=Jack，那么最终返回的是一个"Hello Jack"字符串。

在类名之上的@RestController声明意味着当前代码是一个支持web的后端代码。

方法声明之前的@GetMapping("/hello")表示我们的hello()方法是用于响应发送到"http://localhost:8080/hello"地址的请求。

hell0()函数签名中，位于name之前的@RequestParam(value = "name", defaultValue = "World")意味着希望从请求中读取name字段，若未读取到该字段则使用默认的字符串"World"传递给当前函数的参数name。

在我们编辑代码的同时会自动导入所需要的包，如顶部的import org.springframework.web.bind.annotation.RestController;等。

3、启动并调试该接口

点击VS Code右上角的三角形▶️按钮即可运行当前程序。运行成功后会在控制台的terminal显示以下内容：

如果需要停止运行，点击以下Disconnect按钮即可：

在程序运行过程中，我们在浏览器访问"http://localhost:8080/hello"，将会看到以下内容：

这表示我们访问本地服务器的/hello接口，并且没有带任何参数。由于我们的hello()方法在没有读取到name参数时会使用默认的"World"字符串当作默认参数，所以最终我们看到浏览器显示了拼接Hello之后的字符串"Hello World"。

我们再尝试带上指定的name参数为Hsiao:再次访问"http://localhost:8080/hello?name=Hsiao",此时浏览器将显示：

私有库

Posted on 06/03/202418/03/2024 by XIAO WEN

前言：

在项目使用私有库，能带来以下好处：

代码复用：可以很方便地在多个项目中使用一份代码
模块化：比如可以按照业务模块/公共模块/基础模块将代码分类到不同的库中，使项目整体结构清晰、同时可以减少代码间的耦合，提高代码质量
易于维护：当业务变化时，只需在私有库中更新，然后就能轻松推送到使用这个私有库的所有项目中。
提升开发效率：一次编写，就能在多个项目重化工复用，提高开发效率，节省时间。
持续集成：可以与CI/CD工具集成。私有库更新后可以自动地被推送到所有相关的项目中，让项目都能使用最新版本的库。

1、前期准备

安装并使用CocoaPods

2、创建过程

假设我们的库的名称就叫XPod，只需要在目标文件夹中，使用创建指令：

pod lib create XPod

需要设置用户名及邮箱

Cloning `https://github.com/CocoaPods/pod-template.git` into `XPod`.
Configuring XPod template.
! Before you can create a new library we need to setup your git credentials.
security: SecKeychainSearchCopyNext: The specified item could not be found in the keychain.

 What is your name?
 > XW

! Setting your name in git to XW
  git config user.name "XW"

 What is your email?
 > admin@xiaowen.com

! Setting your email in git to admin@xiaowen.com
  git config user.email "admin@xiaowen.com"

------------------------------

然后根据提示配置lib，如platform、language等等，即可完成默认的创建过程

To get you started we need to ask a few questions, this should only take a minute.

2024-03-06 15:45:36.289 defaults[9529:76159]
The domain/default pair of (org.cocoapods.pod-template, HasRunBefore) does not exist
If this is your first time we recommend running through with the guide:
 - https://guides.cocoapods.org/making/using-pod-lib-create.html
 ( hold cmd and click links to open in a browser. )

 Press return to continue.


What platform do you want to use?? [ iOS / macOS ]
 > iOS

What language do you want to use?? [ Swift / ObjC ]
 > ObjC

Would you like to include a demo application with your library? [ Yes / No ]
 > No

Which testing frameworks will you use? [ Specta / Kiwi / None ]
 > None

Would you like to do view based testing? [ Yes / No ]
 > No

What is your class prefix?
 > X
security: SecKeychainSearchCopyNext: The specified item could not be found in the keychain.
security: SecKeychainSearchCopyNext: The specified item could not be found in the keychain.
security: SecKeychainSearchCopyNext: The specified item could not be found in the keychain.
security: SecKeychainSearchCopyNext: The specified item could not be found in the keychain.
security: SecKeychainSearchCopyNext: The specified item could not be found in the keychain.
security: SecKeychainSearchCopyNext: The specified item could not be found in the keychain.

Running pod install on your new library.

Analyzing dependencies
[!] CocoaPods could not find compatible versions for pod "XPod":
  In Podfile:
    XPod (from `../`)

Specs satisfying the `XPod (from `../`)` dependency were found, but they required a higher minimum deployment target.

[!] Automatically assigning platform `iOS` with version `9.3` on target `XPod_Tests` because no platform was specified. Please specify a platform for this target in your Podfile. See `https://guides.cocoapods.org/syntax/podfile.html#platform`.

 Ace! you're ready to go!
 We will start you off by opening your project in Xcode
  open 'XPod/Example/XPod.xcworkspace'
The file /Users/rayvision/Desktop/Code/XPod/Example/XPod.xcworkspace does not exist.

To learn more about the template see `https://github.com/CocoaPods/pod-template.git`.
To learn more about creating a new pod, see `https://guides.cocoapods.org/making/making-a-cocoapod`.
➜  Code

创建完成后的目录是这样的：

3、自定义配置

podspec是文件库的描述文件，默认是这样的：

s.source_files

source_files通常用于指定源代码文件，而不是资源文件（如图片、音频等），如果想包含资源文件，可以使用s.resource_bundles或s.resources来指定资源文件的路径。

默认情况下是只包含了Classes目录下的文件

s.source_files = 'XPod/Classes/**/*.{h,m}'

如果我们还想用子文件夹开区分不同模块，比如这里新建了一个叫做category的文件夹来放各种分类，UIColor的分类放在UIColor+这个文件夹中，类似地还可以创建一个叫NSString+的文件夹来存放各种NSString的分类

s.source_files = 'XPod/**/*/.{h,m}'

这样配置后，XPod及其子目录下的所有.h和.m文件都会被包含在Pod中。下面绿色部分是我们新增的文件夹，红色部分是默认的文件夹。

s.resources

使用s.resources可以将指定的资源文件直接复制到生成的Framework或静态库中。这意味着这些资源文件会被直接暴露在Bundle的根目录下，可以通过[NSBundle mainBundle] pathForResource:ofType:等方法访问这些资源文件。

s.resource_bundles

使用s.resource_bundles可以将资源文件打包成一个独立的Bundle，并将这个Bundle作为一个整体引入到Pod中。这样做的好处是可以更好地组织资源文件，避免资源文件之间的命名冲突，也可以更方便地加载和管理资源文件。

s.resource_bundles = {
    'XPod' => ['XPod/Assets/**/*.{png, pdf}']
  }

因此，如果你希望将资源文件直接暴露在Bundle的根目录下，可以使用s.resources；如果你希望将资源文件打包成一个独立的Bundle引入到Pod中，可以使用s.resource_bundles。根据你的需求选择合适的方式来包含资源文件。

4、使用

在我们的项目中要使用XPod也很简单只要在Podfile中新增：

 pod 'XPod', :path => '../XPod'

注意这里使用的是相对路径，然后再执行pod install：

通常情况下，在开发过程中我们都直接使用本地的私有库。当阶段性地完成开发后，可以将私有库放到git上托管。以下是两种不同的引用库的方式：

本地：

  pod 'XPod', :path => '../XPod'

git:

  pod 'XPod', :git => 'https://git.xiaowen.org/ios/XPod.git', :branch => '0.1.0'

WordPress隐藏文章作者日期等信息

Posted on 06/03/202406/03/2024 by XIAO WEN

文章默认在标题下都会显示相关信息如：

如果决定这些不好看，希望移除它们，这里有一个很简单的方法：使用自定义css，具体步骤是：

访问WordPress后台，点击：外观 -> 自定义 -> 附加CSS

在编辑框中输入：

.entry-meta .byline, .entry-meta .cat-links { display: none; }
.entry-meta .posted-on { display: none; }

保存即可。

这样在发布的文章标题下就~~不会再显示~~发布时间和作者了。

Xcode Simulator

Posted on 06/03/202418/03/2024 by XIAO WEN

升级Xcode之后创建项目提示需要下载iOS 17.2版本的模拟器

下载中⌛️

等待很久之后报下载失败

原因是失去了网络连接

重试很多次依然如此，但是可以排除网络问题。在开发者论坛看到类似的讨论：same issue：https://forums.developer.apple.com/forums/thread/740040

跳转到苹果官方给出的方案：https://developer.apple.com/documentation/xcode/installing-additional-simulator-runtimes#

最终解决方案是，手动下载然后通过命令行安装。

模拟器下载地址：https://developer.apple.com/download/all/ 进入这里需要登录开发者账号。

搜索模拟器iOS Simulator：

出现很多版本的模拟器，包括iOS17.4 beta，这里我们只需要iOS 17.2，所以我们搜索指定版本

找到指定版本，点击View Details即可看到下载runtime.dmg的地址

点击即可下载⏬。

这里直接给出具体的下载链接🔗 👇https://download.developer.apple.com/Developer_Tools/iOS_17.2_Simulator_Runtime/iOS_17.2_Simulator_Runtime.dmg

安装方法：

sudo xcode-select -s /Applications/Xcode.app

需要输入密码，然后

xcodebuild -runFirstLaunch

接着：

xcrun simctl runtime add "/Users/rayvision/Downloads/iOS_17.2_Simulator_Runtime.dmg"

这里引号内的地址，可以直接找到下载的文件拖拽过来，会验证runtime。

最后验证完成出现👇就完成了。

D: F56EFCE4-115C-490B-881C-C86B00B23EEB iOS (17.2 - 21C62) (Ready)