iOS相册实现Share Extension以及 Action Extension的功能

一. 实现背景

之前注意到相册中的图片分享的时候,可以选择不同的APP,但是由于时间问题,一直没有研究具体的实现方案。最近做的一个项目点击相册图片的分享的时候,需要直接打开APP,并且跳转到对应的界面,于是就研究了一下,原来是通过Share Extension跟Action Extension实现的。

二. App Extension

App Extension并不是一个独立的应用程序,他是包含在应用的Bundle里的一个独立包,它的后缀名为.appex。其中我们把提供App Extension的应用程序称为Containing App(容器应用),能够使用该扩展的应用称为Host App(宿主应用)。

需要注意的是,当手机中的容器应用被安装或卸载时,App Extension也会一起被安装或卸载。

在Host App中给App Extension提供了运行的上下文环境,并在响应用户操作时,发送请求启动扩展。App Extension通常在完成从Host App接收到请求后不久终止。具体的生命周期可以参考下图

三. Share Extension跟Action Extension是什么

简单说,就是如下图所示

在iOS中,Share Extension 用于允许用户从一个应用分享内容到另一个应用,而 Action Extension 则允许用户在一个应用中执行某些特定的操作,如处理文本、图像或链接。这两种扩展类型为用户提供了更加无缝的体验,使他们能够更方便地与应用之间共享和处理数据。

四. App Extension 通信

App Extension在启动和运行的过程中,App Extension以及Host App之间的通信如图所示。

具体来说就是,App Extension跟Containing App并没有进行直接的通信,Containing App 跟 Host App更不会有任何的联系。在 Host App中打开一个应用程序扩展,Container App会向App Extension发送一个请求,App Extension接收到数据后执行一些任务,完成任务后将处理结果返回给Host App。

五. Containing App与App Extension之间的交互及数据共享

App Extension与Containing App 之间存在着有限的交互方式。对于任何App Extension和Containing App,有一个私有的共享资源空间,他们可以访问其中的文件。App Extension、Containing App和Host App的完整通信如图所示:

六. Action Extension功能的具体实现

1. 创建Action Extension工程

在Containing App的工程中,点击菜单栏中的File->New->Target,出现如下的可选项,选择Action Extension:

2. 配置Extension的工程信息

3. 实现在相册直接打开App

a. 根据自己的需求,修改info.plist

我的项目只支持一张图片,于是我就修改为如下图

b. 由于我的功能是点击的时候就直接跳转App,代码的实现为

swift 复制代码
class ActionViewController: UIViewController {

    override func viewDidLoad() {

        super.viewDidLoad()

        for item in extensionContext?.inputItems as! [NSExtensionItem] {

            guard let providers = item.attachments else { return }

            for itemProvider in providers {

                if (itemProvider.hasItemConformingToTypeIdentifier(kUTTypeImage as String)) {

                    itemProvider.loadDataRepresentation(forTypeIdentifier: kUTTypeImage as String) { (data, error) in

                        if error != nil {

                            self.extensionContext?.cancelRequest(withError: error!)

                            return

                        }

                        guard let imgData = data else {

                            self.extensionContext?.cancelRequest(withError: ShareError(message: "data error"))

                            return

                        }

                        // 分享的图片

                        let ud = UserDefaults.init(suiteName: SUITNAME)

                        ud?.setValue(imgData, forKey: SHARE_IMAGE_KEY)

                        ud?.setValue(true, forKey: New_SHARE_KEY)

                        self.openContainerApp()

                    }

                }

            }

        }

        self.extensionContext!.completeRequest(returningItems: self.extensionContext!.inputItems, completionHandler: nil)

    }

    /// 打开ContainerAPP

    private func openContainerApp() {

        let scheme = "PandoraAI://"

        let url: URL = URL(string: scheme)!

        let context = NSExtensionContext()

        context.open(url, completionHandler: nil)

        var responder = self as UIResponder?

        let selectorOpenURL = sel_registerName("openURL:")

        while (responder != nil) {

            if responder!.responds(to: selectorOpenURL) {

                responder!.perform(selectorOpenURL, with: url)

                break

            }
            responder = responder?.next

        }

    }

}

七、Share Extension功能的具体实现

1. 新建Share Extension项目

在Containing App的工程中,点击菜单栏中的File->New->Target,出现如下的可选项,选择Share Extension:

2. 配置Extension的工程信息

3. 实现在相册直接打开App

a. 根据自己的需求,修改info.plist

b. 由于我的功能是点击的时候就直接跳转App,代码的实现为

swift 复制代码
class ShareViewController: SLComposeServiceViewController {

    override func isContentValid() -> Bool {

        guard let inputItems = self.extensionContext?.inputItems.map({ $0 as? NSExtensionItem }) else {

            self.extensionContext?.cancelRequest(withError: ShareError(message: "extensionItem error"))

            return false

        }

        for inputItem in inputItems {

            guard let providers = inputItem?.attachments else { return false }

            for itemProvider in providers {

                if (itemProvider.hasItemConformingToTypeIdentifier(kUTTypeImage as String)) {

                    itemProvider.loadDataRepresentation(forTypeIdentifier: kUTTypeImage as String) { (data, error) in

                        if error != nil {

                            self.extensionContext?.cancelRequest(withError: error!)

                            return

                        }

                        guard let imgDataPath = data else {

                            self.extensionContext?.cancelRequest(withError: ShareError(message: "data error"))

                            return

                        }

                        // 分享的图片

                        let ud = UserDefaults.init(suiteName: SUITNAME)

                        ud?.setValue(imgDataPath, forKey: SHARE_IMAGE_KEY)

                        ud?.setValue(true, forKey: New_SHARE_KEY)

                        self.openContainerApp()

                    }

                }

            }

        }

        self.extensionContext!.completeRequest(returningItems: [], completionHandler: nil)

        return true

    }

    override func didSelectPost() {

    }

    override func configurationItems() -> [Any]! {

        // To add configuration options via table cells at the bottom of the sheet, return an array of SLComposeSheetConfigurationItem here.

        return []

    }

    /// 打开ContainerAPP

    private func openContainerApp() {

        let scheme = "PandoraAI://"

        let url: URL = URL(string: scheme)!

        let context = NSExtensionContext()

        context.open(url, completionHandler: nil)

        var responder = self as UIResponder?

        let selectorOpenURL = sel_registerName("openURL:")

        while (responder != nil) {

            if responder!.responds(to: selectorOpenURL) {

                responder!.perform(selectorOpenURL, with: url)

                break

            }

            responder = responder?.next

        }

    }

}
相关推荐
NBtab16 分钟前
Vite + Vue3项目版本更新检查与页面自动刷新方案
前端
天天扭码28 分钟前
来全面地review一下Flex布局(面试可用)
前端·css·面试
用户458203153171 小时前
CSS特异性:如何精准控制样式而不失控?
前端·css
libraG1 小时前
Jenkins打包问题
前端·npm·jenkins
前端康师傅1 小时前
JavaScript 作用域
前端·javascript
前端缘梦1 小时前
Vue Keep-Alive 组件详解:优化性能与保留组件状态的终极指南
前端·vue.js·面试
我是天龙_绍1 小时前
使用 TypeScript (TS) 结合 JSDoc
前端
云枫晖1 小时前
JS核心知识-事件循环
前端·javascript
Simon_He1 小时前
这次来点狠的:用 Vue 3 把 AI 的“碎片 Markdown”渲染得又快又稳(Monaco 实时更新 + Mermaid 渐进绘图)
前端·vue.js·markdown
eason_fan2 小时前
Git 大小写敏感性问题:一次组件重命名引发的CI构建失败
前端·javascript