Popcorn 项目启动与配置教程

1. 项目目录结构及介绍

Popcorn 是一个允许在浏览器中运行客户端 Elixir 代码并与 JavaScript 互操作的开源库。以下是项目的目录结构及其简要介绍：

popcorn/
├── assets/           # 存储静态资源，如样式表和图片
├── config/           # 配置文件
├── examples/         # 示例代码
├── lib/              # Elixir 源代码
├── patches/          # 补丁文件
├── priv/             # 私有文件，如数据库配置
├── test/             # 测试代码
├── utils/            # 实用工具模块
├── .formatter.exs    # Elixir 格式化配置文件
├── .gitignore        # Git 忽略文件
├── .gitmodules       # Git 子模块配置
├── LICENSE           # 许可证文件
├── README.md         # 项目说明文件
├── mix.exs           # Mix 项目配置文件
└── mix.lock          # Mix 锁文件

2. 项目的启动文件介绍

项目的启动文件位于 lib/my_app/start.ex。这个模块负责初始化 Popcorn 库，并在控制台输出一条消息。

以下是启动文件的示例代码：

defmodule MyApp.Start do
  def start do
    Popcorn.Wasm.register("main")
    IO.puts("Hello from WASM")
  end
end

在这个模块中，Popcorn.Wasm.register("main") 调用注册了 Popcorn 的 WebAssembly 模块。IO.puts("Hello from WASM") 则在控制台输出了一条消息，表明 WebAssembly 模块已成功加载。

3. 项目的配置文件介绍

项目的配置文件位于 config/config.exs。这个文件用于配置 Popcorn 的启动模块和输出静态资源的目录。

以下是配置文件的示例代码：

import Config

config :popcorn,
  start_module: MyApp.Start,
  out_dir: "static/wasm"

在这个配置文件中，start_module 键用于指定启动模块（在本例中为 MyApp.Start），而 out_dir 键用于指定 WebAssembly 文件的输出目录（在本例中为 static/wasm）。

完成这些配置后，你就可以通过运行 mix deps.get 和 mix popcorn.cook 来获取依赖并生成 WebAssembly 文件了。随后，你可以创建一个简单的 HTML 文件来加载这些文件，并通过 HTTP 服务器进行访问。