微信小程序实战一：列表及网络请求的实现

文章目录

• • • 前言：最近因公司业务调整，需要准备开发微信小程序，之前都是用ionic做的混合开发，现在转战小程序，看了下小程序也支持typescript，难度是有的，但是不是很大，应该有很多共同之处。谨以此篇博客 记录ionic转战微信小程序实战的第一战。
    • 1.环境搭建
    • • • 下载微信开发工具，并更新到最新版
    • 2.打开微信开发工具并配置
    • • • 如果没有AppID先用测试号的即可，后期申请了之后可以在配置文件中更换。开发模式选择小程序，如果是想开发插件供小程序使用，需要选择插件，语言我选择的是TypeScript，不熟悉这个的可以选择JavaScript。
    • 3.简单demo使用
    • • • 进入小程序之后是官方提供的一个简单Hello World Demo，由于我使用的是TypeScript开发，所以先把npm给配置上。
    • 4.NPM配置
    • • • 配置npm之前要先安装NodeJs，直接去官网下载安装即可，安装完后cmd查看下 node -v，有版本号提示即表示安装成功。
    • 5.初始化NPM
    • • • • 在小程序开发工具终端中进入小程序的根目录而不是项目的根目录中，执行npm init默认一路回车即可生成package.json文件
    • 6.添加插件
    • • • 这里以我要添加的插件Crypto为例，执行
    • 7.NPM构建
    • • • 在微信开发工具左上角选择工具-》构建npm，成功后出现如下提示
    • 8.小程序页面新建
    • • • 在小程序根目录下找到app.json，在pages中新增页面
    • 9.项目编译运行