基于Mac安装xcode进行虚拟机开发钉钉微应用

本文纯总结准备开发工具中遇到的一些问题以及解决方式:

1、准备必要环境

安装node、npm(会随node包一起安装)、git、建议再装下淘宝的镜像cnpm,命令:npm install -g cnpm --registry=https://registry.npm.taobao.org。可查看安装提示或者查看版本 --version 来确认成功安装;

基于Mac安装xcode进行虚拟机开发钉钉微应用_第1张图片

2、安装下载xcode,地址:https://developer.apple.com/download/more/,按照提示依次安装

基于Mac安装xcode进行虚拟机开发钉钉微应用_第2张图片

貌似也可以在appstore里进行安装,

基于Mac安装xcode进行虚拟机开发钉钉微应用_第3张图片

3、安装完毕,打开xcode,这里只是运用到了xcode的虚拟机Sumulator的部分,可选择打开的虚拟机的机型;

基于Mac安装xcode进行虚拟机开发钉钉微应用_第4张图片

基于Mac安装xcode进行虚拟机开发钉钉微应用_第5张图片

基于Mac安装xcode进行虚拟机开发钉钉微应用_第6张图片基于Mac安装xcode进行虚拟机开发钉钉微应用_第7张图片

4、下载安装钉钉开发包,由于虚拟机中的appstore默认是关闭的,且登陆appid提示链接服务器失败,所以通过应用商店去安装钉钉是不可行的。

从钉钉开发文档的资源中下载应用程序DingTalk.app,再通过cmd控制台进行命令行安装app。

基于Mac安装xcode进行虚拟机开发钉钉微应用_第8张图片

5、命令行安装dingtalk.app

a、首先安装homebrew(macOS 缺失的软件包的管理器,好东西),https://brew.sh/index_zh-cn,

基于Mac安装xcode进行虚拟机开发钉钉微应用_第9张图片基于Mac安装xcode进行虚拟机开发钉钉微应用_第10张图片

b、安装,xcrun simctl install booted ./DingTalk.app(xcrun simctl install booted 应用绝对路径目录)

基于Mac安装xcode进行虚拟机开发钉钉微应用_第11张图片

c、安装一些工具,iTerm控制台工具https://www.iterm2.com,oh my zsh https://github.com/robbyrussell/oh-my-zsh控制台美化工具;

基于Mac安装xcode进行虚拟机开发钉钉微应用_第12张图片

基于Mac安装xcode进行虚拟机开发钉钉微应用_第13张图片d、打开iTerm,键入命令安装;

sh -c "$(curl -fsSL https://raw.githubusercontent.com/robbyrussell/oh-my-zsh/master/tools/install.sh)"

基于Mac安装xcode进行虚拟机开发钉钉微应用_第14张图片

6、最后就就是git的clone拉取码云分支代码了;git clone url

7、根据项目conf配置的端口打开,iterm 进入目录,npm run start

8、登入虚拟器-钉钉。

9、调试,需设置safari为开发模式。

基于Mac安装xcode进行虚拟机开发钉钉微应用_第15张图片

基于Mac安装xcode进行虚拟机开发钉钉微应用_第16张图片

基于Mac安装xcode进行虚拟机开发钉钉微应用_第17张图片

说明:这个项目默认起的服务是localhost:8080 ,在钉钉应用配置的是同一个服务,所以在同一个局域网可以直接访问;如果你的微应用地址是http的地址,建议使用钉钉提供的内网http穿透工具,小白纯记录坑,,,

你可能感兴趣的:(前端组件,前端App开发框架,前端工程师小工具)